/* RadioKing colour system.
   Base palette from the brandbook (§Nos couleurs) + Figma Variables.
   Brand rule: the logo/marks never use pure black or pure orange — the
   identity lives in the orange→red gradient. */

:root {
  /* ---- Brand base ---- */
  --rk-orange: #FF9150;        /* primary-100 — the brand orange */
  --rk-orange-end: #FF3648;    /* gradient terminus (orange→red) */
  --rk-red: #FF4757;           /* danger / hot accent */
  --rk-coral: #FF7F50;         /* brandbook coral reference */
  --rk-orange-light: #FFF2ED;  /* orange 10% — icon & section backgrounds */
  --rk-orange-light-2: #FFE5DC;

  --rk-dark: #252525;          /* near-black brand ink */
  --rk-dark-soft: #474747;     /* lighter ink for play-button gradient */
  --rk-white: #FFFFFF;
  --rk-grey-light: #F9F9F9;    /* page / surface grey */
  --rk-grey-line: #EEEEEE;     /* hairline borders */
  --rk-grey-mute: #BBBABA;

  /* ---- Signature gradients (brandbook §Les dégradés — 45° preferred) ---- */
  --rk-gradient-orange: linear-gradient(135deg, #FF9150 0%, #FF3648 100%); /* @kind other */
  --rk-gradient-orange-soft: linear-gradient(135deg, #FFB07A 0%, #FF7059 100%); /* @kind other */
  --rk-gradient-dark: linear-gradient(135deg, #474747 0%, #252525 100%); /* @kind other */
  --rk-gradient-crown: linear-gradient(90deg, #FF9150 0%, #FF4757 100%); /* @kind other */

  /* ---- Semantic colour roles ---- */
  --color-primary: var(--rk-orange);
  --color-primary-strong: var(--rk-orange-end);
  --color-on-primary: #FFFFFF;

  --color-info: #1E90FF;
  --color-success: #2ED573;
  --color-warning: #FFA502;
  --color-danger: #FF4757;

  /* ---- Text ---- */
  --text-strong: #252525;
  --text-body: rgba(37,37,37,0.85);
  --text-muted: rgba(37,37,37,0.5);
  --text-faint: rgba(37,37,37,0.3);
  --text-on-dark: #FFFFFF;
  --text-on-dark-muted: rgba(255,255,255,0.7);
  --text-link: var(--rk-orange);

  /* ---- Surfaces ---- */
  --surface-page: #FFFFFF;
  --surface-subtle: #F9F9F9;
  --surface-card: #FFFFFF;
  --surface-dark: #252525;
  --surface-tint: #FFF2ED;        /* orange tint blocks */

  /* ---- Borders & lines ---- */
  --border-subtle: rgba(37,37,37,0.10);
  --border-strong: rgba(37,37,37,0.20);
  --border-ink: #252525;

  /* ---- Field fills ---- */
  --field-fill: rgba(37,37,37,0.03);
  --field-border: rgba(37,37,37,0.10);
  --field-border-focus: var(--rk-orange);
}