/* ============================================================
   THEME TOKENS — two visual styles × light/dark
   data-style: "exec" | "tech"   ·   data-theme: "light" | "dark"
   Brand accent derives from the LG steel-blue mark.
   ============================================================ */

:root{
  --maxw: 1200px;
  --gut: clamp(20px, 5vw, 64px);
  --r-s: 6px;
  --r-m: 12px;
  --r-l: 18px;
  --ease: cubic-bezier(.22,.61,.36,1);
  --shadow-soft: 0 1px 2px rgba(10,15,25,.04), 0 12px 40px -18px rgba(10,15,25,.28);
  --shadow-lift: 0 2px 6px rgba(10,15,25,.05), 0 28px 70px -30px rgba(10,15,25,.40);
}

/* ---------- EXECUTIVE ---------- */
[data-style="exec"]{
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --font-mono: "Manrope", system-ui, sans-serif;
  --display-weight: 600;
  --display-tracking: -0.01em;
  --kicker-tracking: .26em;
  --r-card: 8px;
  --btn-r: 999px;
}
[data-style="exec"][data-theme="light"]{
  --bg:#f3efe8; --bg-2:#fbf9f5; --surface:#ffffff; --surface-2:#f6f2ea;
  --ink:#1a1c21; --ink-2:#595d66; --ink-3:#8b8f98;
  --line: rgba(26,28,33,.12); --line-2: rgba(26,28,33,.07);
  --accent:#4d72a9; --accent-2:#6f8fbf; --accent-ink:#fff;
  --accent-soft: rgba(111,143,191,.13);
  --dark-tile:#14171d; --dark-tile-ink:#f2efe8;
}
[data-style="exec"][data-theme="dark"]{
  --bg:#0d0f13; --bg-2:#12151b; --surface:#15191f; --surface-2:#1a1f27;
  --ink:#f1eee7; --ink-2:#a8adb7; --ink-3:#6f747e;
  --line: rgba(255,255,255,.10); --line-2: rgba(255,255,255,.055);
  --accent:#92abd6; --accent-2:#6f8fbf; --accent-ink:#0d0f13;
  --accent-soft: rgba(143,171,214,.13);
  --dark-tile:#0a0c10; --dark-tile-ink:#f2efe8;
}

/* ---------- TECH / DATA-DRIVEN ---------- */
[data-style="tech"]{
  --font-display: "Space Grotesk", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --display-weight: 600;
  --display-tracking: -0.025em;
  --kicker-tracking: .18em;
  --r-card: 14px;
  --btn-r: 8px;
}
[data-style="tech"][data-theme="light"]{
  --bg:#f4f7fc; --bg-2:#ffffff; --surface:#ffffff; --surface-2:#eef3fb;
  --ink:#0b1322; --ink-2:#4d5c76; --ink-3:#8492aa;
  --line: rgba(11,19,34,.10); --line-2: rgba(11,19,34,.055);
  --accent:#b07a1e; --accent-2:#d9a847; --accent-ink:#fff;
  --accent-soft: rgba(176,122,30,.12);
  --grid: rgba(11,19,34,.045);
  --dark-tile:#0c1422; --dark-tile-ink:#eaf0fa;
}
[data-style="tech"][data-theme="dark"]{
  --bg:#070a11; --bg-2:#0c111b; --surface:#0e1420; --surface-2:#121a29;
  --ink:#eaf0fa; --ink-2:#8a99b6; --ink-3:#5a6884;
  --line: rgba(255,255,255,.085); --line-2: rgba(255,255,255,.045);
  --accent:#e0b34e; --accent-2:#f0c977; --accent-ink:#0a0f19;
  --accent-soft: rgba(224,179,78,.14);
  --grid: rgba(255,255,255,.04);
  --dark-tile:#0a0f19; --dark-tile-ink:#eaf0fa;
}