/* ════════════════════════════════════════════════════════════
   OB Studio Design System v1 - tokens.css
   Source : DESIGN_SYSTEM_OB_STUDIO_v1.md Partie 1
   Auteur : Olivier BLAISE / Cabinet LEVY
   Mission : P-TOKENS-UNIFY (chat 17)
   ════════════════════════════════════════════════════════════ */

:root {
     /* ──────────── COULEURS ──────────── */
  /* Coral (primaire CTA) */
  --coral:        #c0533a;
     --coral-dark:   #a8432c;
     --coral-light:  #e8a89c;
     --coral-bg:     rgba(192, 83, 58, 0.08);

  /* Gold (brand badge OB) */
  --gold:         #c9a84c;
     --gold-dark:    #a88a3c;
     --gold-bg:      rgba(201, 168, 76, 0.08);
     --gold-readable:#715e22;  /* AA 4.5+ on --sable, text-safe variant — chat 64 design system */

  /* Noir (sidebar / texte fort) */
  --noir:         #0f1117;
     --noir-2:       #1a1d24;
     --noir-3:       #2a2e38;

  /* Sable (background admin / viewer) */
  --sable:        #f0ebe2;
     --sable-light:  #f8f5ef;

  /* Borders / Gris */
  --bord:         #ddd7cd;
     --bord-light:   #ebe8e2;
     --gris:         #7a7570;
     --gris-light:   #a09b95;
     --gris-dark:    #4a4640;

  /* ──────────── TYPOGRAPHIE ──────────── */
  --font-sans: 'DM Sans', system-ui, -apple-system, sans-serif;
     --font-serif: 'Libre Baskerville', Georgia, serif;

  --fs-xs:   11px;
     --fs-sm:   12px;
     --fs-md:   14px;
     --fs-lg:   16px;
     --fs-xl:   20px;
     --fs-2xl:  28px;
     --fs-hero: 36px;

  --fw-regular:  400;
     --fw-medium:   500;
     --fw-semibold: 600;
     --fw-bold:     700;

  --lh-tight:  1.1;
     --lh-snug:   1.25;
     --lh-normal: 1.4;
     --lh-loose:  1.6;

  /* Letter-spacing (tracking) — famille ajoutee chat 66 AXE 2, fork-ready */
  --ls-tight:   -0.01em;
     --ls-normal:  0;
     --ls-wide:    0.02em;
     --ls-caps:    0.1em;
     --ls-button:  0.16em;

  /* Ramp cible fork (@faretech/design-tokens) : 11/12/14/16/18/20/24/32/40.
     Scale --fs-* actuelle (7 paliers) conservee telle quelle ici — pas de
     migration des ~370 font-size hardcodes pre-fork (refactor = job fork). */

  /* ──────────── ESPACEMENTS ──────────── */
  --sp-0: 2px;
     --sp-1: 4px;
     --sp-2: 8px;
     --sp-3: 12px;
     --sp-4: 16px;
     --sp-5: 24px;
     --sp-6: 32px;
     --sp-7: 48px;
     --sp-8: 64px;

  /* ──────────── BORDER-RADIUS ──────────── */
  --radius-sm:   6px;
     --radius-md:   8px;
     --radius-lg:   12px;
     --radius-xl:   16px;
     --radius-pill: 20px;
     --radius-full: 50%;

  /* ──────────── OMBRES ──────────── */
  --shadow-sm: 0 1px 2px rgba(15, 17, 23, 0.06);
     --shadow-md: 0 4px 12px rgba(15, 17, 23, 0.08);
     --shadow-lg: 0 8px 24px rgba(15, 17, 23, 0.12);
     --shadow-xl: 0 16px 48px rgba(15, 17, 23, 0.16);

  /* ──────────── TRANSITIONS ──────────── */
  --transition-fast:   120ms ease;
     --transition-normal: 200ms ease;
     --transition-slow:   400ms ease;

  /* ──────────── Z-INDEX ──────────── */
  --z-base:    1;
     --z-overlay: 100;
     --z-modal:   1000;
     --z-toast:   2000;
}

/* ════════════════════════════════════════════════════════════
   COUCHE SEMANTIQUE — Multi-tenant ready
   Mission 56-B (chat 56) — preparation Fare360 SaaS T1 2027

   Ces variables --color-* sont des ALIAS des tokens marque
   definis ci-dessus. Le code legacy utilise les tokens marque
   (--coral, --gold, --noir, --sable, --bord, --gris) ; le code
   PRO d'emblee nouveau utilise les --color-* semantiques.
   Override possible au runtime via assets/theme.js
   (window.obTheme.apply({ primary, accent, ... })).
                             ════════════════════════════════════════════════════════════ */
:root {
     --color-primary:       var(--coral);
     --color-primary-light: var(--coral-light);
     --color-primary-dark:  var(--coral-dark);
     --color-primary-bg:    var(--coral-bg);
     --color-accent:        var(--gold);
     --color-accent-dark:   var(--gold-dark);
     --color-accent-bg:     var(--gold-bg);
     --color-accent-readable:var(--gold-readable);
     --color-background:    var(--sable-light);
     --color-surface:       #ffffff;
     --color-text:          var(--noir);
     --color-text-muted:    var(--gris);
     --color-text-light:    #ffffff;
     --color-border:        var(--bord);
     --color-border-light:  var(--bord-light);

  --color-success:   #10b981;
     --color-warning:   #f59e0b;
     --color-error:     #ef4444;
     --color-whatsapp:  #25d366;

  /* Alias retrocompat admin.html — var(--danger) historique chat 53+
     Utilise par .btn-danger, .btn-del-scene, .toast.error, messages erreur.
     Teinte preservee #e53e3e (vs --color-error #ef4444 plus vif).
     Restauration suite B1 chat 61 (retrait :root admin L27).
     Nuances --danger-light/--danger-bg ajoutees chat 63 (Mission AUXILIAIRES,
     symetrie famille --coral-light/--coral-bg + --gold-bg). Cross-themes. */
  --danger:          #e53e3e;
  --danger-light:    #e8b4ad;
  --danger-bg:       #fdf0ee;

  /* Texte sur fond dark (profile.html, Fare360 multi-tenant) */
  /* Sémantique "on-surface" Material Design — identité dark stable */
  --text-on-dark:     #f7f5f2;
     --text-on-dark-rgb: 247, 245, 242;
     /* Tiers opacite texte sur fond dark (profile/viewer) — symetrie D-CHAT63, chat 66 AXE 2 */
     --text-on-dark-2:        rgba(247, 245, 242, 0.72);  /* secondaire */
     --text-on-dark-3:        rgba(247, 245, 242, 0.48);  /* tertiaire */
     --text-on-dark-disabled: rgba(247, 245, 242, 0.32);
}

/* ════════════════════════════════════════════════════════════
   PROFIL "olivier-blaise" — bleu nuit + dore (ACTIF)
   Active chat 56 BASCULE (urgent pre-sortie Cabinet LEVY).
   Pour revenir au coral : recommenter le bloc :root ci-dessous.
   ════════════════════════════════════════════════════════════ */
:root {
     --coral:        #0F2341;
     --coral-dark:   #08152a;
     --coral-light:  #1a3358;
     --coral-bg:     rgba(15, 35, 65, 0.08);
     --gold:         #C9A96E;
     --gold-dark:    #b89757;
     --gold-bg:      rgba(201, 169, 110, 0.08);
     --gold-readable:#71582a;  /* AA 5.65 sur --sable, text-safe variant — chat 64 design system */
}
/* ════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════════════
   PROFIL "fare360" — noir profond + turquoise + dore
   Activation prevue au fork Fare360 SaaS T1 2027.
   Reference : charte officielle FareTech (memories).
   ════════════════════════════════════════════════════════════
:root {
     --coral:        #0a0a0f;
     --coral-light:  #1a1a2e;
     --gold:         #c9a96e;
     --sable-light:  #f7f5f2;
     --bord:         #ede9e2;
     --color-accent: #00c9a7;
}
   ════════════════════════════════════════════════════════════ */