:root {
  --color-brand: #f6000c;
  --color-brand-hover: #d40009;
  --color-text: #171717;
  --color-text-muted: #6b6b6b;
  --color-border: #e4e4e4;
  --color-bg: #f8f9fa;
  --color-surface: #ffffff;
  --color-danger-bg: #fdeceb;
  --color-danger-text: #b3261e;
  --color-success-bg: #e9f7ec;
  --color-success-text: #1e7a34;

  --font-family-base: "Poppins", system-ui, sans-serif;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;

  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.06);
}