/* Intranet ASI — tokens : charte officielle Arrêt sur images (claire). Thème sombre facultatif. */

:root {
  --bg: #f8fafc; --surface: #ffffff; --surface-2: #f1f5f9; --surface-3: #e2e8f0;
  --brand: #0957d0; --accent: #0957d0; --accent-strong: #0747a6;
  --blue-light: #eef4ff; --blue-subtle: #dbe7fc;
  --text: #0f172a; --text-2: #475569; --text-3: #94a3b8; --text-muted: #64748b;
  --on-accent: #ffffff; --on-brand: #ffffff;
  --border: #e2e8f0; --border-strong: #cbd5e1;
  --ok: #16a34a; --warn: #d97706; --danger: #dc2626; --info: #0957d0;
  --focus: #0957d0;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: 'Merriweather', Georgia, serif;
  --mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --radius-s: 5px; --radius: 8px; --radius-l: 14px; --radius-xl: 18px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-5: 20px; --space-4: 16px; --space-6: 24px; --space-8: 32px;
  --nav-w: 240px; --nav-rail-w: 56px;
  /* Ombres en couches : un liseré quasi invisible qui détache la surface, puis une portée douce. */
  --shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 1px rgba(15, 23, 42, .03);
  --shadow-md: 0 1px 2px rgba(15, 23, 42, .05), 0 6px 16px -4px rgba(15, 23, 42, .10);
  --shadow-lg: 0 2px 4px rgba(15, 23, 42, .05), 0 20px 48px -12px rgba(15, 23, 42, .22);
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--focus) 22%, transparent);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --duration-slow: 320ms;

  /* Dérivés */
  --input-bg: #ffffff;
  --hover: rgba(15, 23, 42, .05);
  --active: rgba(15, 23, 42, .09);
  --ok-soft: #f0fdf4; --warn-soft: #fffbeb; --danger-soft: #fef2f2; --info-soft: #eef4ff;
  --muted-surface: #f1f5f9;
  --scrim: rgba(15, 23, 42, .45);
  --duration: 160ms;
  --ease: cubic-bezier(.2,.6,.2,1);
  color-scheme: light;

  /* Catégories (désaturées ; texte ≥ 4,5:1 sur --surface et sur sa variante -soft).
     rh : Mon espace et Équipe · production : Émissions, Montage, Presse, Vignettes, Explorateur ·
     fonds : Fonds documentaire et sources « continu » · compta : Comptabilité · admin : Administration. */
  --cat-rh: #0957d0;         --cat-rh-soft: #e8effc;
  --cat-production: #6d4fb0; --cat-production-soft: #efeaf8;
  --cat-fonds: #0f766e;      --cat-fonds-soft: #e4f3f1;
  --cat-compta: #a04a08;     --cat-compta-soft: #faf0e3;
  --cat-admin: #4b5d7a;      --cat-admin-soft: #eaeef4;
  --cat-marketing: #b8336a;  --cat-marketing-soft: #fbe9f1;

  /* Teintes des briques (références Pantone, densifiées pour tenir sur fond clair ; ≥ 3:1 sur --surface).
     Une par brique de navigation (nav.js `hue`) : icône de la barre latérale et case d'icône en tête de page. */
  --hue-royal: #0047BB;      /* 2728 C */
  --hue-mint: #1FA38E;       /* 7465 C */
  --hue-gold: #C9970A;       /* 7408 C */
  --hue-orange: #E55E0E;     /* 1585 C */
  --hue-coral: #D9452F;      /* 7417 C */
  --hue-sky: #0089B8;        /* 2995 C */
  --hue-violet: #7A3FA8;     /* 2593 C */
  --hue-green: #3F9237;      /* 7738 C */
  --hue-emerald: #009B85;    /* 3275 C */
  --hue-terracotta: #CC5F26; /* 7579 C */
  --hue-orchid: #A446B8;     /* 2385 C */
  --hue-indigo: #485CC7;     /* 2726 C */
  --hue-ochre: #B8891C;      /* 7555 C */
  --hue-navy: #005587;       /* 7692 C */
  --hue-turquoise: #00A39B;  /* 326 C */
  --hue-lime: #6FA300;       /* 376 C */
  --hue-pink: #D6407E;       /* 1915 C */
  --hue-steel: #426DA9;      /* 7683 C */
  --hue-olive: #6C9140;      /* 7490 C */
  --hue-slate: #5B7F95;      /* 5415 C */
  --muted-soft: #eef1f5;
  /* Variantes « texte » des sémantiques : --ok et --warn de la charte sont ≥ 3:1 (pictos, barres) mais
     pas 4,5:1 ; pour un mot en couleur on prend ces teintes plus denses. */
  --ok-text: #15803d; --warn-text: #a04a08; --danger-text: #dc2626;
}

/* Thème sombre facultatif (préférence mémorisée), mêmes composants */
/* Thème sombre : la palette noire du banc de montage, partout (demande d'Antoine, 11 octobre 2026) ; le thème
   clair est inchangé. L'espace de travail sombre (éditeur ouvert) utilise la même palette. */
html[data-theme="dark"], html[data-workspace="dark"] {
  --bg: #0b0d13; --surface: #12151d; --surface-2: #1a1e29; --surface-3: #242938;
  --brand: #0957d0; --accent: #4d8df0; --accent-strong: #6ea2f5;
  --blue-light: rgba(77,141,240,.16); --blue-subtle: rgba(77,141,240,.28);
  --text: #e8ebf1; --text-2: #a3acbd; --text-3: #6b7486; --text-muted: #8a93a6;
  --on-accent: #ffffff; --on-brand: #ffffff;
  --border: rgba(163,172,189,.14); --border-strong: rgba(163,172,189,.28);
  --ok: #4ade80; --warn: #fbbf24; --danger: #f87171; --info: #4d8df0;
  --focus: #6ea2f5;
  --shadow-sm: none; --shadow-md: 0 8px 24px rgba(0,0,0,.35); --shadow-lg: 0 16px 40px rgba(0,0,0,.45);
  --input-bg: #0b0d13;
  --hover: rgba(232,235,241,.06);
  --active: rgba(232,235,241,.11);
  --ok-soft: rgba(74,222,128,.14); --warn-soft: rgba(251,191,36,.14); --danger-soft: rgba(248,113,113,.14); --info-soft: rgba(77,141,240,.14);
  --muted-surface: rgba(26,30,41,.6);
  --scrim: rgba(0,0,0,.6);
  color-scheme: dark;

  --cat-rh: #7fa9ef;         --cat-rh-soft: rgba(127,169,239,.14);
  --cat-production: #b59ee6; --cat-production-soft: rgba(181,158,230,.16);
  --cat-fonds: #6fc7ba;      --cat-fonds-soft: rgba(111,199,186,.16);
  --cat-compta: #dcb066;     --cat-compta-soft: rgba(220,176,102,.16);
  --cat-admin: #9ca9bf;      --cat-admin-soft: rgba(156,169,191,.14);
  --cat-marketing: #e08ab0;  --cat-marketing-soft: rgba(224,138,176,.16);

  /* Teintes des briques, version claire pour fond sombre (mêmes références Pantone, éclaircies) */
  --hue-royal: #7FA3FF;      --hue-mint: #5FD4BE;      --hue-gold: #F6BE00;     --hue-orange: #FF8A4C;   --hue-coral: #F07E6B;
  --hue-sky: #4CC3F0;        --hue-violet: #B88AE0;    --hue-green: #7CCB72;    --hue-emerald: #45D1B8;  --hue-terracotta: #F0945F;
  --hue-orchid: #D28CE2;     --hue-indigo: #94A3F2;    --hue-ochre: #E5BD5A;    --hue-navy: #6AAED6;     --hue-turquoise: #4FD1C9;
  --hue-lime: #A6DB3A;       --hue-pink: #F285B4;      --hue-steel: #8FB0DD;    --hue-olive: #A3C77A;    --hue-slate: #9BB7C8;
  --muted-soft: rgba(163,172,189,.1);
  --ok-text: #4ade80; --warn-text: #fbbf24; --danger-text: #f87171;
}