:root {
  --color-primary: #9B2335;
  --color-primary-light: #C0392B;
  --color-primary-dark: #7B1828;
  --color-primary-bg: #FFF8F5;
  --color-primary-bg-light: #FFFFFF;
  --color-primary-bg-transparent: rgba(255, 255, 255, 0.85);
  --color-accent-orange: var(--color-primary);
  --color-accent-orange-light: var(--color-primary-light);
  --color-accent-orange-dark: var(--color-primary-dark);
  --color-accent-teal: #4A1942;
  --color-accent-brown: #5C2D1E;
  --color-secondary-dark: #1A0A0E;
  --color-secondary-gray: #5C3D42;
  --color-secondary-light-gray: #EDE0DD;
  --color-secondary-bg: #F9F3F0;
  --color-secondary-bg-light: #FFFCFB;
  --color-success: #16A34A;
  --color-error: #DC2626;
  --color-warning: #F59E0B;
  --color-info: #25375e;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-gray: #64748B;
  --color-light-gray: #F1F5F9;
  --color-dark-gray: #1E293B;
  --color-text-primary: #1E293B;
  --color-text-secondary: #475569;
  --color-text-light: #FFFFFF;
  --color-text-muted: #94A3B8;
  --color-text-disabled: #CBD5E1;
  --color-border-light: #F1F5F9;
  --color-border-medium: #E2E8F0;
  --color-border-dark: #CBD5E1;
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  --border-radius-sm: 8px;
  --border-radius-md: 12px;
  --border-radius-lg: 16px;
  --border-radius-xl: 24px;
  --border-radius-pill: 9999px;
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}