:root {
  --bg-base: #f4eee6;
  --bg-section: #fffaf4;
  --bg-strong: #ebe1d6;
  --bg-panel: rgba(255, 250, 244, 0.92);
  --bg-dark: #201915;
  --bg-dark-soft: #2c221d;

  --accent: #c96a3d;
  --accent-strong: #a64e24;
  --accent-soft: #efd2c0;
  --accent-olive: #6a7564;
  --accent-ink: #2c211b;

  --text-primary: #241d18;
  --text-secondary: #5f5147;
  --text-muted: #8a7869;
  --text-on-dark: #f7efe8;

  --border-light: rgba(97, 81, 71, 0.18);
  --border-strong: rgba(166, 78, 36, 0.32);
  --border-dark: rgba(255, 243, 232, 0.12);

  --font-display: "Sora", sans-serif;
  --font-body: "Onest", sans-serif;
  --font-mono: "IBM Plex Mono", monospace;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;
  --sp-24: 96px;
  --sp-28: 112px;

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-xl: 40px;
  --radius-pill: 999px;

  --shadow-sm: 0 10px 28px rgba(48, 35, 28, 0.08);
  --shadow-md: 0 18px 50px rgba(48, 35, 28, 0.12);
  --shadow-glow: 0 18px 42px rgba(201, 106, 61, 0.16);

  --container-max: 1200px;
  --container-padding: 16px;

  --transition-base: 220ms ease;
  --transition-slow: 360ms cubic-bezier(0.4, 0, 0.2, 1);
}