:root {
  --cinnabar: #FF6B35;
  --amber: #FFB800;
  --teal: #2EC4B6;
  --purple: #A855F7;
  --green: #10B981;
  --cream: #FFF9F2;
  --cream-dark: #FFF3E6;
  --slate-50: #F8FAFC;
  --slate-200: #E2E8F0;
  --slate-400: #94A3B8;
  --slate-500: #64748B;
  --slate-600: #475569;
  --slate-800: #1E293B;
  --slate-900: #0F172A;
  --bg-dark: #121418;
  --nav-height: 64px;
  --max-width: 1160px;
  --radius-card: 24px;
  --radius-btn: 100px;
  --surface: #FFFFFF;
  --surface-alt: #F8FAFC;
  --surface-dark: #0F172A;
  --border: #E2E8F0;
  --nav-bg: rgba(255, 249, 242, 0.7);
  --nav-bg-scrolled: rgba(255, 249, 242, 0.9);
}

@media (prefers-color-scheme: dark) {
  :root {
    --cream: #0F172A;
    --cream-dark: #121418;
    --slate-50: #1E293B;
    --slate-200: #334155;
    --slate-400: #94A3B8;
    --slate-500: #CBD5E1;
    --slate-600: #E2E8F0;
    --slate-800: #F1F5F9;
    --slate-900: #F8FAFC;
    --surface: #1E293B;
    --surface-alt: #162032;
    --border: #334155;
    --nav-bg: rgba(15, 23, 42, 0.7);
    --nav-bg-scrolled: rgba(15, 23, 42, 0.9);
  }
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; overflow-x: hidden; }

body {
  font-family: 'Sora', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--cream);
  color: var(--slate-900);
  line-height: 1.6;
  overflow-x: hidden;
  max-width: 100vw;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4 {
  font-family: 'Archivo', -apple-system, BlinkMacSystemFont, sans-serif;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; }

.container {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 28px;
}

.text-cinnabar {
  color: var(--cinnabar);
}