/* ============================================================
   RTJ — COULEURS
   La chaleur comme base · l'éclat comme clin d'œil.
   Fonds chauds (ambre / ivoire / terres brûlées) = socle.
   Une seule couleur vive "claque" à la fois — le vert en priorité.
   ============================================================ */
:root {
  /* --- Couleurs de marque (charte) --- */
  --rtj-vert: #3BC374;      /* couleur signature · numéros · détails pop */
  --rtj-orange: #FF5E38;    /* fonds forts · logo · accents */
  --rtj-rose: #FFABDD;      /* logo variante · touches légères */
  --rtj-violet: #683AF6;    /* fonds alternatifs · posts */
  --rtj-minuit: #1E4250;    /* bleu nuit · textes · fonds sombres */

  /* teintes dérivées (survols / états — dérivées en oklch pour rester dans la palette) */
  --rtj-vert-fonce: oklch(from var(--rtj-vert) calc(l - 0.08) c h);
  --rtj-orange-fonce: oklch(from var(--rtj-orange) calc(l - 0.07) c h);
  --rtj-orange-clair: oklch(from var(--rtj-orange) calc(l + 0.06) c h);
  --rtj-violet-fonce: oklch(from var(--rtj-violet) calc(l - 0.07) c h);
  --rtj-minuit-clair: oklch(from var(--rtj-minuit) calc(l + 0.10) c h);

  /* --- Neutres chauds (le socle) --- */
  --warm-ivoire: #FCF6EC;   /* fond clair principal */
  --warm-creme: #F6EAD6;    /* surfaces, cartes chaudes */
  --warm-sable: #EADbC2;    /* bordures douces, séparateurs */
  --warm-ambre: #F2B15E;    /* ambiance chaude, accents doux */
  --warm-terre: #A6472B;    /* terre brûlée, texte sur clair */
  --blanc: #FFFFFF;
  --noir: #171210;          /* noir chaud (jamais #000) */

  /* ============================================================
     ALIAS SÉMANTIQUES
     ============================================================ */
  /* Textes */
  --text-primary: var(--rtj-minuit);
  --text-body: #33383B;
  --text-muted: #6C6560;
  --text-invert: var(--warm-ivoire);
  --text-accent: var(--rtj-orange);

  /* Surfaces & fonds */
  --surface-page: var(--warm-ivoire);
  --surface-card: var(--blanc);
  --surface-warm: var(--warm-creme);
  --surface-dark: var(--rtj-minuit);
  --surface-pop: var(--rtj-orange);

  /* Bordures */
  --border-soft: var(--warm-sable);
  --border-strong: var(--rtj-minuit);

  /* Accent signature (le "clin d'œil") */
  --accent: var(--rtj-vert);
  --accent-hover: var(--rtj-vert-fonce);

  /* Liens */
  --link: var(--rtj-orange);
  --link-hover: var(--rtj-orange-fonce);
}

a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); text-decoration: underline; }