/* ==========================================================================
   Système de design — Graphite + ambre chantier
   Prototype de validation client — ne contient aucune logique métier.
   ========================================================================== */

:root {
  /* --- Neutres graphite ------------------------------------------------- */
  --ink-950: #0f1114;
  --ink-900: #16191d;
  --ink-800: #1e2227;
  --ink-700: #2b3037;
  --ink-600: #414750;
  --ink-500: #5c636d;
  --ink-400: #7d848e;
  --ink-300: #a4aab3;
  --ink-200: #cbd0d6;
  --ink-150: #dde1e6;
  --ink-100: #e8ebee;
  --ink-50:  #f2f4f6;
  --ink-25:  #f8f9fa;
  --white:   #ffffff;

  /* --- Accent primaire / secondaire ------------------------------------ */
  --primary-800: #061025;
  --primary-700: #08152f;
  --primary-600: #0a1b3a;
  --primary-500: #122a52;
  --primary-400: #1e3f73;
  --primary-100: #c5d0e3;
  --primary-50:  #eef1f6;

  --secondary-700: #cc2223;
  --secondary-600: #ff2a2b;
  --secondary-500: #ff4d4e;
  --secondary-400: #ff7a7b;
  --secondary-100: #fddada;
  --secondary-50:  #fef5f5;

  /* --- Sémantique statuts ---------------------------------------------- */
  --info-700: #1e4f7a;
  --info-600: #2a6ba3;
  --info-50:  #eaf2f9;
  --success-700: #1f5a3d;
  --success-600: #2a7a52;
  --success-50:  #eaf4ee;
  --danger-700: #8c2b25;
  --danger-600: #b1362e;
  --danger-50:  #fbeceb;
  --violet-700: #4b3a7a;
  --violet-50:  #f0edf8;

  /* --- Surfaces --------------------------------------------------------- */
  --bg-app: #f4f5f7;
  --bg-surface: var(--white);
  --bg-subtle: var(--ink-25);
  --bg-sunken: var(--ink-50);
  --bg-nav: #0a1b3a;
  --bg-nav-hover: #122a52;
  --bg-nav-active: #1e3f73;

  /* --- Bordures --------------------------------------------------------- */
  --border: #e1e4e8;
  --border-strong: #cfd4da;
  --border-nav: #122a52;
  --border-focus: var(--secondary-600);

  /* --- Texte ------------------------------------------------------------ */
  --text-primary: var(--ink-900);
  --text-secondary: var(--ink-600);
  --text-muted: var(--ink-400);
  --text-inverse: #f4f5f7;
  --text-nav: #9aa1ab;
  --text-nav-active: #ffffff;

  /* --- Typographie ------------------------------------------------------ */
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono",
               Menlo, Consolas, monospace;

  --fs-11: 0.6875rem;
  --fs-12: 0.75rem;
  --fs-13: 0.8125rem;
  --fs-14: 0.875rem;
  --fs-15: 0.9375rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-20: 1.25rem;
  --fs-24: 1.5rem;
  --fs-28: 1.75rem;
  --fs-32: 2rem;

  --lh-tight: 1.2;
  --lh-snug: 1.35;
  --lh-normal: 1.55;

  /* --- Espacements ------------------------------------------------------ */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 48px;
  --sp-10: 64px;

  /* --- Rayons (volontairement discrets) -------------------------------- */
  --r-xs: 3px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 8px;
  --r-pill: 999px;

  /* --- Ombres (volontairement subtiles) -------------------------------- */
  --sh-xs: 0 1px 2px rgba(15, 17, 20, 0.06);
  --sh-sm: 0 1px 3px rgba(15, 17, 20, 0.08), 0 1px 2px rgba(15, 17, 20, 0.04);
  --sh-md: 0 4px 12px rgba(15, 17, 20, 0.09), 0 1px 3px rgba(15, 17, 20, 0.05);
  --sh-lg: 0 16px 40px rgba(15, 17, 20, 0.16), 0 4px 10px rgba(15, 17, 20, 0.08);

  /* --- Divers ----------------------------------------------------------- */
  --sidebar-w: 244px;
  --header-h: 60px;
  --transition: 140ms cubic-bezier(0.4, 0, 0.2, 1);
  --ring: 0 0 0 3px rgba(255, 42, 43, 0.22);
}