:root {
  --color-bg: #fff8f0;
  --color-surface: #ffffff;
  --color-accent-soft: #ffedd9;
  --color-text: #2b1c10;
  --color-text-muted: #6b4a35;
  --color-primary: #e8461d;
  --color-primary-dark: #c81e5c;
  --gradient-primary: linear-gradient(135deg, #ff8a3d 0%, #e8461d 60%, #c81e5c 100%);
  --gradient-success: linear-gradient(135deg, #8bd450 0%, #4caf50 60%, #2e8b3d 100%);
  --border-color: #ffe0c2;

  --font-family-base: 'Segoe UI', 'Noto Sans Tamil', Arial, sans-serif;

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

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-pill: 999px;
}