:root {
  --font-sans: 'Plus Jakarta Sans', Inter, system-ui, sans-serif;

  --color-primary: #f9873e;
  --color-primary-deep: #a44a00;
  --color-primary-soft: #ffd8bf;
  --color-secondary: #56b8b0;
  --color-secondary-deep: #1f7f78;
  --color-secondary-soft: #dff4f1;
  --color-surface: #fff8f0;
  --color-surface-low: #fdf4ea;
  --color-surface-mid: #f7eedf;
  --color-surface-high: #ece3d6;
  --color-surface-contrast: #fffdf9;
  --color-text-primary: #393832;
  --color-text-secondary: #6f6b63;
  --color-text-muted: #948f86;
  --color-white: #ffffff;
  --color-success: #7bc67b;
  --color-reward: #ffd76a;
  --color-danger-soft: #e67c73;
  --color-info-soft: #dcefff;
  --color-border-ghost: rgba(111, 107, 99, 0.12);

  --gradient-primary: linear-gradient(135deg, var(--color-primary-deep), var(--color-primary));
  --gradient-secondary: linear-gradient(135deg, var(--color-secondary-deep), var(--color-secondary));
  --glass-fill: rgba(255, 255, 255, 0.6);
  --glass-border: rgba(255, 255, 255, 0.35);
  --shadow-ambient: 0 12px 32px rgba(57, 56, 50, 0.06);
  --shadow-floating: 0 20px 40px rgba(57, 56, 50, 0.12);

  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  --radius-pill: 9999px;
  --radius-input: 28px;
  --radius-card: 32px;
  --radius-panel: 48px;
  --radius-modal: 40px;

  --text-display-lg: clamp(40px, 7vw, 56px);
  --text-display-md: clamp(32px, 6vw, 40px);
  --text-headline-lg: clamp(28px, 5vw, 36px);
  --text-headline-md: 24px;
  --text-title-lg: 20px;
  --text-body-lg: 18px;
  --text-body-md: 16px;
  --text-label: 14px;

  --container-width: 1200px;
  --nav-height: 88px;
  --cta-height: 64px;

  --bp-tablet: 920px;
  --bp-mobile: 640px;
}