:root {
  --color-primary: #f03226;
  --color-primary-hover: #e01d16;
  --color-primary-active: #ca1a14;
  --color-primary-light: #fef7f6;
  --color-primary-muted: #f4b7b3;
  --color-bg: #ffffff;
  --color-bg-subtle: #f5f5f7;
  --color-text: #000000;
  --color-text-muted: #6e6e73;
  --color-text-label: #3f444f;
  --color-text-placeholder: #999999;
  --color-border: rgba(0, 0, 0, 0.1);
  --color-border-strong: rgba(0, 0, 0, 0.4);
  --color-success: #38b280;
  --color-error: #dc3232;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-pill: 30px;
  --shadow-dropdown: 0 8px 24px rgba(0, 0, 0, 0.08);
  --font-family: 'Roboto', Helvetica, Arial, sans-serif;
}