:root {
  /* Background */
  --bg-primary: #FBFAF6;
  --bg-secondary: #F3F1EA;
  --bg-cream: #F7F4EC;
  --bg-pure-white: #FFFFFF;
  --bg-accent: #1A1A1A;
  --bg-dark: #0F0E0D;

  /* Text */
  --text-primary: #0F0F0F;
  --text-secondary: #4A4A4A;
  --text-tertiary: #8A8A85;
  --text-quaternary: #B5B0A5;
  --text-inverse: #FBFAF6;

  /* Brand */
  --brand-red: #FF4D2E;
  --brand-orange: #FF8A3C;
  --brand-yellow: #FFC857;
  --brand-gradient: linear-gradient(135deg, #FF4D2E 0%, #FF8A3C 50%, #FFC857 100%);

  /* Accent */
  --accent-primary: #C8401E;
  --accent-warm: #E07843;

  /* Borders */
  --border-light: #EAE6DD;
  --border-medium: #D4CFC4;
  --divider: #E5E1D5;

  /* Typography */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 14px;

  /* Easing */
  --ease-cinematic: cubic-bezier(0.16, 1, 0.3, 1);
}