:root {
    --color-primary: #F4621F;
    --color-primary-dark: #d9531a;
    --color-primary-light: #fff3ed;
    --color-text: #1C1C1E;
    --color-text-secondary: #6B7280;
    --color-text-muted: #9CA3AF;
    --color-background: #F5F5F7;
    --color-surface: #FFFFFF;
    --color-border: #E5E7EB;
    --color-star: #F59E0B;
    --color-card-img: #5CC8B8;
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --radius-sm: 0.375rem;
    --radius-md: 0.75rem;
    --radius-lg: 1.25rem;
    --shadow-card: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
    --shadow-md: 0 0.25rem 1rem rgba(0, 0, 0, 0.12);
    --shadow-header: 0 0.0625rem 0.25rem rgba(0, 0, 0, 0.08);
    --header-height: 3.5rem;
    --bottom-nav-height: 3.75rem;
    --max-width: 75rem;
    --page-gutter: 1rem;
    --breakpoint-md: 48rem;
}