:root {
  /* Colors */
  --c-bg: #ffffff;
  --c-surface: #ffffff;
  --c-text: #0f172a;
  --c-muted: #475569;
  --c-border: rgba(15, 23, 42, 0.12);

  /* Brand */
  --c-primary: #d71920;
  --c-primary-hover: #b91319;
  --c-brand: var(--c-primary, #d11a2a);
  --c-brand-hover: var(--c-primary-hover, #b81523);
  --c-brand-contrast: #ffffff;

  /* Radius */
  --r-xxs: 4px;
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 10px;
  --r-lg: 12px;
  --r-xl: 16px;

  /* Spacing */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 80px;

  /* Typography */
  --font-sans: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --fs-1: 12px;
  --fs-2: 14px;
  --fs-3: 16px;
  --fs-4: 18px;
  --fs-5: 22px;
  --fs-6: 28px;
  --fs-7: 36px;
  --lh-tight: 1.2;
  --lh-normal: 1.5;

  /* Font weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Shadows */
  --sh-1: 0 1px 2px rgba(15, 23, 42, 0.06);
  --sh-2: 0 6px 18px rgba(15, 23, 42, 0.08);
}