/* Code 3 Workshop · Design tokens (EMS blue · gold) */
:root {
  --bg: #f3f6fb;
  --bg-elevated: #ffffff;
  --bg-panel: rgba(255, 255, 255, 0.92);
  --bg-card: #ffffff;
  --bg-card-hover: #eef3fa;
  --border: rgba(0, 63, 135, 0.12);
  --border-strong: rgba(0, 63, 135, 0.22);
  --text: #0b1f3a;
  --text-muted: #4a5f78;
  --text-dim: #6b7f96;
  --accent: #c9a227;
  --accent-soft: #e8d48b;
  --accent-dim: rgba(201, 162, 39, 0.14);
  --accent-glow: rgba(201, 162, 39, 0.32);
  --cyan: #0057b8;
  --cyan-dim: rgba(0, 87, 184, 0.1);
  --success: #1a8f5c;
  --ems: #003f87;
  --ems-mid: #0057b8;
  --ems-light: #2b7fd4;
  --gold: #c9a227;
  --gold-bright: #d4af37;
  --gold-soft: #f5e9c0;
  --surface: rgba(0, 63, 135, 0.04);
  --surface-hover: rgba(0, 63, 135, 0.07);
  --radius: 16px;
  --radius-sm: 12px;
  --radius-xs: 9px;
  --shadow: 0 12px 40px rgba(0, 63, 135, 0.1);
  --shadow-soft: 0 6px 20px rgba(0, 63, 135, 0.08);
  --font: "DM Sans", system-ui, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --header-h: 72px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --content-max: 1080px;
  --prose-max: 42rem;
}