/* generated by scripts/build-brand-tokens.py */
:root[data-brand-mode='dark'], :root {
  --bg: #111111;
  --surface: #1A1A1A;
  --surface2: #222222;
  --card: #202020;
  --bg-surface: var(--surface);
  --bg-surface-2: var(--surface2);
  --bg-surface-3: #242424;
  --text: #E8E8E8;
  --muted: #888888;
  --faint: #555555;
  --text-muted: var(--muted);
  --text-faint: var(--faint);
  --accent: #6C8578;
  --accent-h: #8BAF9E;
  --accent-d: #3D5249;
  --coral: #E07B5B;
  --danger: #E07B5B;
  --error: var(--danger);
  --border: rgba(255, 255, 255, 0.10);
  --border-hover: rgba(255, 255, 255, 0.20);
  --border-focus: rgba(108, 133, 120, 0.50);
  --accent-bg: rgba(108, 133, 120, 0.12);
  --accent-border: rgba(108, 133, 120, 0.25);
  --accent-soft: rgba(108, 133, 120, 0.15);
  --green: var(--accent);
  --green-soft: var(--accent-soft);
  --coral-bg: rgba(224, 123, 91, 0.10);
  --coral-border: rgba(224, 123, 91, 0.20);
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;
}

.font-display { font-family: var(--font-display); }
.font-heading { font-family: var(--font-heading); }
.font-body { font-family: var(--font-body); }