/**
 * Score³ Design System — Institutional Dark v1
 * Shared tokens for marketing + app pages. Keep accent #81C995.
 */
:root {
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --bg: #0a0d12;
  --bg-soft: #0e1118;
  --surface: #12161e;
  --surface-2: #171c26;
  --surface-3: #1d2430;
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.12);
  --text: #e8ecf3;
  --text-soft: #a8b2c4;
  --text-dim: #6e7a90;
  --accent: #81c995;
  --accent-2: #6aad82;
  --accent-muted: rgba(129, 201, 149, 0.12);
  --accent-border: rgba(129, 201, 149, 0.32);
  --accent-on: #0e1612;
  --warn: #c9a24a;
  --ok: #8fd4a4;
  --bad: #d48f8f;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 14px;

  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 32px;

  --type-body: 0.9375rem;
  --type-lead: 1.0625rem;
  --type-caption: 0.8125rem;

  --ring: 0 0 0 3px rgba(129, 201, 149, 0.14);
  --motion-fast: 140ms;
  --motion-base: 200ms;

  --card-bg: var(--surface);
  --card-shadow: 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 32px rgba(0, 0, 0, 0.28);
  --shell-border: 1px solid var(--border);

  /* Legacy aliases used by app pages */
  --surface2: var(--surface-2);
  --border2: var(--border-strong);
  --text2: var(--text-soft);
  --text3: var(--text-dim);
  --accent2: var(--accent-2);
  --accent-soft: var(--accent-muted);
  --accent-strong: var(--accent-2);
  --card-shadow: 0 1px 0 rgba(255, 255, 255, 0.04), 0 12px 32px rgba(0, 0, 0, 0.28);
  --radius: var(--radius-lg);
  --shadow: var(--card-shadow);
}