/* Shared approved theme values. Component/layout rules live in site.css. */
:root {
  --bg-primary: #061018;
  --bg-deep: #040b11;
  --surface: #0a151d;
  --surface-hover: #0d1a23;
  --border: rgba(167, 205, 226, .16);
  --border-strong: rgba(167, 205, 226, .28);
  --text-primary: #f1f5f7;
  --text-secondary: #aab7c0;
  --text-muted: #70818c;
  --accent: #53c7ff;
  --accent-hover: #79d5ff;
  --font-sans: 'Onest Variable', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --font-serif: 'Instrument Serif', serif;
  --page-padding: 64px;
  --content-width: 1360px;
  --section-space: 88px;
  --radius: 6px;
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-28: 28px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-72: 72px;
  --space-88: 88px;
  --text-11: 11px;
  --text-12: 12px;
  --text-14: 14px;
  --text-15: 15px;
  --text-16: 16px;
  --text-17: 17px;
  --text-18: 18px;
}

/* Existing case-study palette: intentionally distinct from the homepage. */
.project-page {
  --proj-bg: #040910;
  --proj-bg-card: rgba(8, 18, 28, 0.85);
  --proj-media-bg: #06101a;
  --proj-bg-card-hover: rgba(12, 26, 40, 0.95);
  --proj-border: rgba(56, 189, 248, 0.14);
  --proj-border-hover: rgba(56, 189, 248, 0.38);
  --proj-border-strong: rgba(56, 189, 248, 0.28);
  --proj-blue: #38bdf8;
  --proj-blue-glow: rgba(56, 189, 248, 0.16);
  --proj-text-muted: #94a3b8;
  --proj-text-dim: #64748b;
  --proj-radius: 8px;
  --proj-radius-lg: 12px;
  --proj-text-strong: #ffffff;
}