:root {
    /* Amazon-inspired Color Palette */
    --amazon-blue-dark: #131921;
    --amazon-blue-light: #232f3e;
    --amazon-orange: #ff9900;
    --amazon-orange-hover: #ffb700;
    --amazon-yellow: #febd69;
    
    /* Functional Colors */
    --primary: var(--amazon-blue-dark);
    --accent: var(--amazon-orange);
    --text-primary: #0f1111;
    --text-secondary: #565959;
    --bg-main: #f3f3f3;
    --bg-white: #ffffff;
    --border-color: #ddd;
    --success: #007600;
    --error: #ba000d;
    --link-color: #007185;
    --link-hover: #c45500;

    /* Modern Additions */
    --gradient-hero: linear-gradient(135deg, #131921 0%, #232f3e 100%);
    --gradient-accent: linear-gradient(135deg, #ff9900 0%, #ffb700 100%);
    --transition-fast: 0.15s ease-in-out;
    --transition-normal: 0.25s ease-in-out;

    /* Typography */
    --font-family: 'Inter', system-ui, -apple-system, sans-serif;
    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-base: 1rem;
    --fs-lg: 1.125rem;
    --fs-xl: 1.25rem;
    --fs-2xl: 1.5rem;
    --fs-3xl: 2rem;

    /* Spacing */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-12: 3rem;

    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1);

    /* Border Radius */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    
    /* Constraints */
    --max-width: 1500px;
}