/* JID Technology - Design Tokens (copie conforme du design system)
   Toggle theme via <html data-theme="light"> ou <html data-theme="dark">.
   Les couleurs de marque restent identiques ; seuls les neutres changent. */

:root {
  /* Brand */
  --jid-blue: #0083FF;
  --jid-blue-dark: #005CB5;
  --jid-blue-deep: #003A75;
  --jid-orange: #FF5300;
  --jid-orange-deep: #C73E00;
  --jid-yellow: #FFC300;
  --jid-yellow-deep: #D9A300;
  --jid-green: #1F8A5B;
  --jid-purple: #6B4FBB;

  /* Signature gradient */
  --jid-gradient: linear-gradient(90deg, #0083FF 0%, #6B6FB5 35%, #FF5300 70%, #FFC300 100%);

  /* Layout */
  --jid-pad-x: clamp(20px, 5vw, 64px);
  --jid-pad-y: clamp(56px, 8vw, 100px);

  /* Type */
  --jid-font-display: "Bahnschrift", "Inter", "Segoe UI Variable", system-ui, sans-serif;
  --jid-font-body: "Bahnschrift", "Inter", "Segoe UI", system-ui, sans-serif;
  --jid-font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Radii */
  --jid-r-pill: 999px;
  --jid-r-card: 16px;
  --jid-r-card-lg: 20px;
  --jid-r-tile: 12px;
}

/* LIGHT (default) */
:root,
[data-theme="light"] {
  --jid-ink: #0E1116;
  --jid-ink-2: #3B4250;
  --jid-ink-3: #6B7280;
  --jid-line: #E4E7EC;
  --jid-paper: #FFFFFF;
  --jid-paper-warm: #FAFAF7;
  --jid-paper-cool: #F4F7FB;
  --jid-card-bg: #FFFFFF;
  --jid-dark-bg: #0E1116;
  --jid-dark-fg: #FFFFFF;
  --jid-shadow-card: 0 1px 3px rgba(0,0,0,.04);
  --jid-shadow-float: 0 8px 32px rgba(0,0,0,.12);
}

/* DARK */
[data-theme="dark"] {
  --jid-ink: #F2F4F7;
  --jid-ink-2: #C7CCD4;
  --jid-ink-3: #8B92A0;
  --jid-line: #232830;
  --jid-paper: #0B0E13;
  --jid-paper-warm: #131720;
  --jid-paper-cool: #161B26;
  --jid-card-bg: #161B26;
  --jid-dark-bg: #050709;
  --jid-dark-fg: #FFFFFF;
  --jid-shadow-card: 0 1px 3px rgba(0,0,0,.4);
  --jid-shadow-float: 0 8px 32px rgba(0,0,0,.5);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --jid-ink: #F2F4F7;
    --jid-ink-2: #C7CCD4;
    --jid-ink-3: #8B92A0;
    --jid-line: #232830;
    --jid-paper: #0B0E13;
    --jid-paper-warm: #131720;
    --jid-paper-cool: #161B26;
    --jid-card-bg: #161B26;
  }
}

:root {
  --jid-domain-services: #0083FF;
  --jid-domain-materiel: #005CB5;
  --jid-domain-energie: #FF5300;
  --jid-domain-strategique: #1F8A5B;
  --jid-domain-education: #FFC300;
  --jid-domain-fintech: #6B4FBB;
  --jid-domain-contenu: #C73E00;
  --jid-domain-securite: #0E1116;
}