/* TCS•LED — Atelier signature · tokens.css v2 · généré depuis tokens.json le 2026-09-25 */
/* Thème Lin (défaut) */
:root, [data-theme="lin"] {
  --surface-100: #f4efe7;
  --surface-200: #eae3d8;
  --surface-raised: #fbf8f3;
  --ink: #1a1714;
  --ink-muted: #6b6259;
  --line: #ddd4c7;
  --line-strong: #8f8880;
  --on-dark: #f4efe7;
  --dark: #1a1714;
  --brand: #ff7826;
  --on-brand: #1a1714;
  --brand-ink: #a34a18;
  --brand-soft: #f7e4d4;
  --gamme-01: #2b7a80;
  --gamme-01-pale: #ddebea;
  --gamme-02: #cc5e1c;
  --gamme-02-pale: #f4e0d0;
  --gamme-03: #8a4775;
  --gamme-03-pale: #eedfe9;
  --gamme-04: #2e4775;
  --gamme-04-pale: #dee3ee;
  --gamme-05: #676b72;
  --gamme-05-pale: #e7e6e3;
  --cct-6000: #fff6ed;
  --cct-5000: #ffe4ce;
  --cct-4000: #ffcea6;
  --cct-3000: #ffb16e;
  --cct-2700: #ffa757;
  --cct-2400: #ff9227;
  --led-ambre: #ffa000;
  --led-rouge: #d6336c;
  --led-vert: #2e9e5b;
  --led-bleu: #2e6fd6;
  --led-rgb: #8a4775;
  --led-rgbw: #2b7a80;
  --status-ok: #1f7a4d;
  --status-warn: #8a5700;
  --status-danger: #b3261e;
  --focus: #1a1714;
  --light-line: #ff7826;
  --shadow-card: 0 1px 2px rgba(26,23,20,0.06), 0 8px 24px rgba(26,23,20,0.08);
  --shadow-rail: -4px 0 12px rgba(26,23,20,0.15);
  --shadow-glow: 0 0 18px 4px rgba(255,120,38,0.55);
}
/* Thème Nuit (show-room, héros) */
[data-theme="nuit"] {
  --surface-100: #1a1714;
  --surface-200: #121010;
  --surface-raised: #262220;
  --ink: #f4efe7;
  --ink-muted: #a39d95;
  --line: #2f2a26;
  --line-strong: #6b655f;
  --on-dark: #f4efe7;
  --dark: #0b0a0a;
  --brand: #ff7826;
  --on-brand: #1a1714;
  --brand-ink: #ffa066;
  --brand-soft: #3a2517;
  --gamme-01: #3fa3aa;
  --gamme-01-pale: #1c3436;
  --gamme-02: #e8762f;
  --gamme-02-pale: #3d2416;
  --gamme-03: #c06aa4;
  --gamme-03-pale: #341e2c;
  --gamme-04: #6d8fd0;
  --gamme-04-pale: #1d2536;
  --gamme-05: #a4a8ae;
  --gamme-05-pale: #2a2b2d;
  --status-ok: #4cc38a;
  --status-warn: #e8a93a;
  --status-danger: #ff7a70;
  --focus: #ff7826;
  --shadow-card: 0 1px 2px rgba(0,0,0,0.5), 0 8px 24px rgba(0,0,0,0.4);
  --shadow-rail: -4px 0 12px rgba(0,0,0,0.5);
  --shadow-glow: 0 0 24px 6px rgba(255,120,38,0.6);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --font-display: "Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "DM Mono", ui-monospace, Menlo, monospace;
}
@font-face { font-family: 'Hanken Grotesk'; src: url('/assets/polices/HankenGrotesk-Variable.woff2') format('woff2'); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: 'Hanken Grotesk'; src: url('/assets/polices/HankenGrotesk-Variable-Italic.woff2') format('woff2'); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: 'Instrument Serif'; src: url('/assets/polices/InstrumentSerif-Italic.woff2') format('woff2'); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: 'Instrument Serif'; src: url('/assets/polices/InstrumentSerif-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/assets/polices/DMSans-Variable.woff2') format('woff2'); font-weight: 100 1000; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Sans'; src: url('/assets/polices/DMSans-Variable-Italic.woff2') format('woff2'); font-weight: 100 1000; font-style: italic; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('/assets/polices/DMMono-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'DM Mono'; src: url('/assets/polices/DMMono-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
/* Styles de texte */
.display-xl { font-family: var(--font-display); font-size: 112px; line-height: 0.9; font-weight: 800; letter-spacing: -0.05em; }
.display-l { font-family: var(--font-display); font-size: 72px; line-height: 0.95; font-weight: 800; letter-spacing: -0.045em; }
.h1 { font-family: var(--font-display); font-size: 48px; line-height: 1; font-weight: 800; letter-spacing: -0.045em; }
.h2 { font-family: var(--font-display); font-size: 30px; line-height: 1; font-weight: 800; letter-spacing: -0.04em; }
.h3 { font-family: var(--font-display); font-size: 20px; line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; }
.section { font-family: var(--font-display); font-size: 13px; line-height: 1.2; font-weight: 800; letter-spacing: 0.02em; }
.serif-accent { font-family: var(--font-serif); font-size: 72px; line-height: 0.95; font-weight: 400; letter-spacing: 0; font-style: italic; }
.lead { font-family: var(--font-sans); font-size: 18px; line-height: 1.55; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 1.55; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 15px; line-height: 1.55; font-weight: 700; }
.small { font-family: var(--font-sans); font-size: 13px; line-height: 1.5; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 11px; line-height: 1.3; font-weight: 600; letter-spacing: 0.1em; }
.avantage { font-family: var(--font-sans); font-size: 14px; line-height: 1.35; font-weight: 600; }
.ref { font-family: var(--font-mono); font-size: 16px; line-height: 1.3; font-weight: 500; letter-spacing: -0.01em; }
.spec { font-family: var(--font-mono); font-size: 13px; line-height: 1.4; font-weight: 500; }
.meta { font-family: var(--font-mono); font-size: 12px; line-height: 1.4; font-weight: 400; }
.figure { font-family: var(--font-mono); font-size: 44px; line-height: 1; font-weight: 500; letter-spacing: -0.04em; }