:root {
  /* Colors */
  --color-bg: #F6F3EF;
  --color-bg-alt: #E7E3DE;
  --color-text: #152533;
  --color-accent: #681222;
  --color-accent-hover: #551019;
  --color-text-muted: rgba(21, 37, 51, 0.62);
  --color-border: rgba(21, 37, 51, 0.12);
  --color-border-light: rgba(21, 37, 51, 0.08);
  --color-white: #FFFFFF;

  /* Typography */
  --font-primary: "Manrope", system-ui, -apple-system, sans-serif;
  --font-display: "Bebas Neue", "Manrope", sans-serif;

  /* Layout */
  --container-max: 1240px;
  --container-padding: clamp(1.25rem, 4vw, 3rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 6rem;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 6px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.35s ease;

  /* Buttons */
  --btn-padding-y: 1rem;
  --btn-padding-x: 2rem;
}