/* ══════════════════════════════════════════════════════════
   TOKENS — ENCHANTED TOOLS
   Source of truth : DESIGN.md
   ⚠️  Ne jamais inventer une valeur hors de ce fichier.
   ══════════════════════════════════════════════════════════ */

/* ── Fonts locales (décommenter quand les fichiers sont en place) ─────── */
/*
@font-face {
  font-family: "Acumin Variable Concept";
  src: url("../assets/fonts/AcuminVariableConcept.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "ES Peak";
  src: url("../assets/fonts/ESPeak-Regular.woff2")  format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "ES Peak";
  src: url("../assets/fonts/ESPeak-Medium.woff2")   format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "ES Peak";
  src: url("../assets/fonts/ESPeak-Bold.woff2")     format("woff2");
  font-weight: 700; font-style: normal; font-display: swap;
}
*/

:root {

  /* ── Couleurs — palette complète ─────────────────────────── */

  /* Primary — bleu Enchanted */
  --primary-25:  #e7ecfe;
  --primary-50:  #c9d3f5;
  --primary-100: #93a6ec;
  --primary-200: #5d7ae2;
  --primary-300: #274dd8;
  --primary-400: #1d3aa2;   /* signature */
  --primary-500: #172e82;
  --primary-600: #112361;
  --primary-700: #0c1741;   /* dark background */
  --primary-800: #060c20;

  /* Secondary — violet / rose magenta */
  --secondary-25:  #f3d9ea;
  --secondary-50:  #e7b4d5;
  --secondary-100: #db8ec0;
  --secondary-200: #cf68ab;
  --secondary-300: #c34296;
  --secondary-400: #a1337a;  /* signature */
  --secondary-500: #812962;
  --secondary-600: #611f49;
  --secondary-700: #401431;
  --secondary-800: #200a18;

  /* Tertiary — jaune Mirokaï (CTAs) */
  --tertiary-25:  #fff2d0;
  --tertiary-50:  #ffe5a1;
  --tertiary-100: #ffd772;
  --tertiary-200: #ffca43;
  --tertiary-300: #ffbd14;   /* signature CTA */
  --tertiary-400: #e5a500;
  --tertiary-500: #b78400;
  --tertiary-600: #8a6300;
  --tertiary-700: #5c4200;
  --tertiary-800: #2e2100;

  /* Azur — bleu ciel (focus rings, links) */
  --azur-25:  #deedff;
  --azur-50:  #bddcff;
  --azur-100: #9ccaff;
  --azur-200: #7bb8ff;
  --azur-300: #5aa7ff;   /* focus ring */
  --azur-400: #3995ff;   /* signature */
  --azur-500: #0074fa;
  --azur-600: #0057bb;
  --azur-700: #003a7d;
  --azur-800: #001d3e;

  /* Silver — neutrals */
  --silver-100:  #f6f6f6;
  --silver-200:  #e2e2e2;
  --silver-300:  #c6c6c6;
  --silver-400:  #ababab;   /* muted text */
  --silver-500:  #909090;
  --silver-600:  #767676;
  --silver-700:  #5e5e5e;
  --silver-800:  #464646;
  --silver-900:  #303030;
  --silver-1000: #1b1b1b;

  /* One-shot */
  --green: #70d265;

  /* ── Tokens sémantiques (dark mode par défaut) ───────────── */
  --color-background: #0c1741;           /* primary-700 */
  --color-foreground: #ffffff;
  --color-card:       #112361;           /* primary-600 */
  --color-primary:    #1d3aa2;           /* primary-400 */
  --color-secondary:  #a1337a;           /* secondary-400 */
  --color-tertiary:   #ffbd14;           /* tertiary-300 — CTA jaune */
  --color-tertiary-fg:#0c1741;           /* texte sur fond jaune */
  --color-accent:     #ffbd14;           /* alias tertiary */
  --color-muted:      #172e82;           /* primary-500 */
  --color-muted-fg:   #ababab;           /* silver-400 */
  --color-border:     rgba(255,255,255,0.10);
  --color-ring:       #5aa7ff;           /* azur-300 */
  --color-destructive:#b3295b;

  /* ── Gradients ───────────────────────────────────────────── */
  --gradient-et-talks:   linear-gradient(180deg, #1d3aa2 0%, #a1337a 100%);
  --gradient-bleu-rose:  linear-gradient(40deg,  #152c96 0%, #802861 100%);
  --gradient-rose-bleu:  linear-gradient(40deg,  #802861 0%, #152c96 100%);
  --gradient-bleu-fonce: linear-gradient(40deg,  #000c42 0%, #0c1f79 100%);

  /* ── Shadows (les 3 seules autorisées) ───────────────────── */
  --shadow-big:           0 10px 10px 0 rgba(0,0,0,0.10);
  --shadow-interne:       inset 5px 5px 10px 0 rgba(0,0,0,0.20);
  --shadow-enchanted-fly: -7.32px 36.61px 29.29px 0 rgba(0,0,0,0.15);

  /* ── Typographie ─────────────────────────────────────────── */
  --font-display: "Acumin Variable Concept", Georgia, serif;  /* font locale */
  --font-lead:    "ES Peak", Georgia, serif;                  /* font locale */
  --font-body:    "Space Grotesk", system-ui, sans-serif;     /* Google Font */

  /* ── Border radii (3 seuls autorisés) ───────────────────── */
  --radius-sm:   8px;
  --radius-md:   16px;
  --radius-pill: 999px;

  /* ── Spacing (base 8px) ──────────────────────────────────── */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  24px;
  --space-lg:  48px;
  --space-xl:  96px;

  /* ── Motion ──────────────────────────────────────────────── */
  --duration-fast: 160ms;
  --duration-base: 240ms;
  --duration-slow: 480ms;
  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth:cubic-bezier(0.4, 0, 0.2, 1);

  /* ── Layout ──────────────────────────────────────────────── */
  --container-max: 1280px;
  --container-pad: var(--space-md);

  /* ── Z-index ─────────────────────────────────────────────── */
  --z-nav:   100;
  --z-modal: 200;
}