/* =============================================================
   25 STUDIO OS — Design Tokens
   Direction : salle de montage. Fond sombre par défaut,
   or "lampe de projecteur" en accent, rouge réservé au REC.
   ============================================================= */

:root {
  /* ---- Départements CERCLE 25 (identiques dark & light) ---- */
  --c-commercial:  #D4A94F;
  --c-preprod:     #8B5CF6;
  --c-production:  #3B82F6;
  --c-postprod:    #06B6D4;
  --c-livraison:   #22C55E;

  /* ---- Sémantique ---- */
  --ok:      #22C55E;   /* succès */
  --warn:    #D4A94F;   /* attente de validation */
  --danger:  #EF4444;   /* alerte, retard */
  --info:    #3B82F6;   /* action en cours */
  --neutre:  #64748B;
  --rec:     #EF4444;

  /* ---- Typo ---- */
  --f-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --f-body:    "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Échelle de la maquette : titres 24/700, sous-titres 16/600,
     texte 14/500, petits textes 12/400. */
  --fs-11: 11px;  --fs-12: 12px;  --fs-13: 13px;  --fs-14: 14px;
  --fs-16: 16px;  --fs-18: 18px;  --fs-22: 20px;  --fs-28: 24px;  --fs-36: 32px;

  /* ---- Espacements (base 4) ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 20px; --s-6: 24px; --s-8: 32px; --s-10: 40px; --s-12: 48px;

  /* ---- Rayons ---- */
  --r-sm: 6px; --r-md: 10px; --r-lg: 14px; --r-xl: 20px; --r-full: 999px;

  /* ---- Layout ---- */
  --sidebar-w: 252px;
  --sidebar-w-collapsed: 68px;
  --header-h: 68px;
  --z-header: 40; --z-sidebar: 50; --z-drawer: 60; --z-modal: 70; --z-toast: 80;

  /* ---- Motion ---- */
  --e-out: cubic-bezier(.22,.9,.28,1);
  --t-fast: 120ms; --t-mid: 220ms; --t-slow: 380ms;
}

/* ======================= DARK (défaut) =======================
   Palette de la maquette validée : fond très sombre, cartes
   légèrement relevées, or 25 Studio en accent unique. */
:root, [data-theme="dark"] {
  --bg-0: #070708;   /* fond application */
  --bg-1: #121214;   /* cartes et surfaces */
  --bg-2: #151517;   /* surfaces secondaires / survol */
  --bg-3: #171719;   /* champs, modales */
  --line:  #26262B;
  --line-soft: #1C1C20;

  --tx-1: #FAFAFA;   /* texte principal */
  --tx-2: #9E9EA6;   /* texte secondaire */
  --tx-3: #64748B;   /* neutre, méta */

  --brand: #D4A94F;          /* or 25 Studio */
  --brand-tx: #0B0B0C;
  --brand-soft: rgba(212,169,79,.12);
  --brand-line: rgba(212,169,79,.34);

  --shadow-1: 0 1px 2px rgba(0,0,0,.5);
  --shadow-2: 0 10px 30px -12px rgba(0,0,0,.75);
  --shadow-3: 0 30px 70px -24px rgba(0,0,0,.85);
  --scrim: rgba(3,3,4,.78);
  --tint: rgba(255,255,255,.04);
}

/* ========================== LIGHT ============================ */
[data-theme="light"] {
  --bg-0: #F4F5F7;
  --bg-1: #FFFFFF;
  --bg-2: #F7F8FA;
  --bg-3: #EDEFF3;
  --line:  #E0E3E9;
  --line-soft: #EDEFF3;

  --tx-1: #0E1116;
  --tx-2: #454C58;
  --tx-3: #7D8593;

  --brand: #B87A00;
  --brand-tx: #FFFFFF;
  --brand-soft: rgba(184,122,0,.10);
  --brand-line: rgba(184,122,0,.28);

  --shadow-1: 0 1px 2px rgba(16,20,26,.06);
  --shadow-2: 0 8px 24px -10px rgba(16,20,26,.18);
  --shadow-3: 0 24px 60px -24px rgba(16,20,26,.24);
  --scrim: rgba(14,17,22,.42);
  --tint: rgba(14,17,22,.03);
}

/* Couleurs de département en surfaces douces */
.dep-commercial { --dep: var(--c-commercial); }
.dep-preprod    { --dep: var(--c-preprod); }
.dep-production { --dep: var(--c-production); }
.dep-postprod   { --dep: var(--c-postprod); }
.dep-livraison  { --dep: var(--c-livraison); }