:root {
  color-scheme: light;

  --ds-color-sun-50: #fff8de;
  --ds-color-sun-100: #fff0b3;
  --ds-color-sun-200: #ffe27a;
  --ds-color-sun-500: #f2b705;
  --ds-color-sun-600: #d99d00;

  --ds-color-mustard-50: #fff2d8;
  --ds-color-mustard-100: #f3d9a4;
  --ds-color-mustard-500: #bf8d30;
  --ds-color-mustard-700: #7d581b;

  --ds-color-tomato-50: #ffedeb;
  --ds-color-tomato-100: #ffd5d0;
  --ds-color-tomato-500: #a60303;
  --ds-color-tomato-600: #870202;
  --ds-color-tomato-700: #650202;

  --ds-color-rose-50: #fbeded;
  --ds-color-rose-100: #f3d6d6;
  --ds-color-rose-500: #bf6969;
  --ds-color-rose-700: #874242;

  --ds-color-ink-900: #0d0d0d;
  --ds-color-ink-700: #34302c;
  --ds-color-ink-500: #68615a;
  --ds-color-ink-200: #dfd7cb;
  --ds-color-ink-100: #eee7dc;
  --ds-color-ink-50: #faf6ee;

  --ds-color-leaf-50: #e9f7ef;
  --ds-color-leaf-500: #126b45;
  --ds-color-leaf-700: #0b3f2b;

  --ds-color-white: #ffffff;
  --ds-color-cream: #fff9ed;
  --ds-color-cream-strong: #fff1d1;

  --ds-gradient-heat: linear-gradient(135deg, #f2b705 0%, #f59e1b 48%, #a60303 100%);
  --ds-gradient-sauce: linear-gradient(135deg, #a60303 0%, #bf6969 100%);
  --ds-gradient-fresh: linear-gradient(135deg, #fff8de 0%, #e9f7ef 100%);

  --ds-font-display: "Arial Rounded MT Bold", "Nunito Sans", "Trebuchet MS", system-ui, sans-serif;
  --ds-font-sans: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ds-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --ds-text-xs: 0.75rem;
  --ds-text-sm: 0.875rem;
  --ds-text-md: 1rem;
  --ds-text-lg: 1.125rem;
  --ds-text-xl: 1.375rem;
  --ds-text-2xl: 1.75rem;
  --ds-text-3xl: 2.35rem;
  --ds-text-4xl: 3.75rem;

  --ds-leading-tight: 0.96;
  --ds-leading-snug: 1.15;
  --ds-leading-normal: 1.55;

  --ds-space-1: 0.25rem;
  --ds-space-2: 0.5rem;
  --ds-space-3: 0.75rem;
  --ds-space-4: 1rem;
  --ds-space-5: 1.25rem;
  --ds-space-6: 1.5rem;
  --ds-space-8: 2rem;
  --ds-space-10: 2.5rem;
  --ds-space-12: 3rem;
  --ds-space-16: 4rem;
  --ds-space-20: 5rem;

  --ds-radius-xs: 4px;
  --ds-radius-sm: 6px;
  --ds-radius-md: 8px;
  --ds-radius-pill: 999px;

  --ds-border-subtle: 1px solid rgba(13, 13, 13, 0.1);
  --ds-border-strong: 1px solid rgba(13, 13, 13, 0.22);
  --ds-border-warm: 1px solid rgba(191, 141, 48, 0.28);
  --ds-border-action: 1px solid rgba(166, 3, 3, 0.26);

  --ds-shadow-xs: 0 2px 8px rgba(13, 13, 13, 0.06);
  --ds-shadow-sm: 0 8px 22px rgba(13, 13, 13, 0.08);
  --ds-shadow-md: 0 18px 45px rgba(13, 13, 13, 0.11);
  --ds-shadow-action: 0 10px 24px rgba(166, 3, 3, 0.22);
  --ds-shadow-sun: 0 12px 30px rgba(242, 183, 5, 0.24);

  --ds-duration-fast: 140ms;
  --ds-duration-base: 240ms;
  --ds-duration-slow: 520ms;
  --ds-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ds-ease-emphasis: cubic-bezier(0.18, 0.9, 0.22, 1.05);

  --ds-container: 1160px;
  --ds-header-height: 76px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ds-duration-fast: 0ms;
    --ds-duration-base: 0ms;
    --ds-duration-slow: 0ms;
  }
}