/* ==========================================================================
   L2 Lab (l2lab.ru) — Core Design System Tokens (CSS Custom Properties)
   Standard: W3C DTCG v2025.10 + OKLCH with sRGB Fallbacks (Oct 2026)
   ========================================================================== */

:root {
  /* 1. Brand Surfaces (Dark Engineering Mode — Default) */
  --l2-bg-canvas: #0A0B0E;
  --l2-bg-canvas-oklch: oklch(0.145 0.008 265);
  --l2-bg-surface-1: #111318;
  --l2-bg-surface-2: #181B22;
  --l2-bg-surface-3: #20242E;

  /* 2. Architectural Hairlines & Borders */
  --l2-border-subtle: rgba(255, 255, 255, 0.08);
  --l2-border-strong: rgba(255, 255, 255, 0.16);
  --l2-grid-line: rgba(255, 255, 255, 0.035);

  /* 3. Ink & Typography Hierarchy */
  --l2-text-primary: #F4F3EF;
  --l2-text-secondary: #9CA3B0;
  --l2-text-muted: #646D7D;
  --l2-text-on-accent: #FFFFFF;

  /* 4. Signature Brand Signal Accent (Laser Vermilion) */
  --l2-accent: #FF5520;
  --l2-accent-hover: #FF6B3D;
  --l2-accent-soft: rgba(255, 85, 32, 0.12);
  --l2-accent-border: rgba(255, 85, 32, 0.35);

  /* 5. Functional Telemetry & AI Status Colors */
  --l2-status-live: #10B981;
  --l2-status-live-soft: rgba(16, 185, 129, 0.12);
  --l2-status-logic: #3B82F6;
  --l2-status-alert: #F59E0B;

  /* 6. Font Stack (Cyrillic + Latin Harmonized) */
  --l2-font-display: 'Geologica', -apple-system, BlinkMacSystemFont, sans-serif;
  --l2-font-sans: 'Golos Text', -apple-system, BlinkMacSystemFont, sans-serif;
  --l2-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  /* 7. Modular Spacing & Radii */
  --l2-radius-xs: 6px;
  --l2-radius-sm: 10px;
  --l2-radius-md: 14px;
  --l2-radius-lg: 20px;
  --l2-radius-pill: 9999px;
}

/* Warm Engineering Paper Theme (Editorial, Commercial Proposals, Light Sections) */
[data-theme="light"] {
  --l2-bg-canvas: #F5F4F0;
  --l2-bg-surface-1: #FFFFFF;
  --l2-bg-surface-2: #ECEAE3;
  --l2-bg-surface-3: #E2DFD6;
  --l2-border-subtle: rgba(14, 16, 21, 0.10);
  --l2-border-strong: rgba(14, 16, 21, 0.22);
  --l2-grid-line: rgba(14, 16, 21, 0.04);
  --l2-text-primary: #0E1015;
  --l2-text-secondary: #4E5563;
  --l2-text-muted: #767E8E;
}

/* Optional Partner Accent Presets */
[data-accent="cobalt"] {
  --l2-accent: #2E5CFF;
  --l2-accent-hover: #4A73FF;
  --l2-accent-soft: rgba(46, 92, 255, 0.14);
  --l2-accent-border: rgba(46, 92, 255, 0.38);
}

[data-accent="emerald"] {
  --l2-accent: #00C885;
  --l2-accent-hover: #14DF9B;
  --l2-accent-soft: rgba(0, 200, 133, 0.13);
  --l2-accent-border: rgba(0, 200, 133, 0.36);
}