:root {
    --primary-light: #3949ab;
    --primary: #1a237e;
    --primary-dark: #0d1b2a;
    --bg-gradient: linear-gradient(135deg, #e8eaf0 0%, #c5cae9 25%, #9fa8da 50%, #7986cb 75%, #5c6bc0 100%);
    --bg-radial-1: radial-gradient(circle at 15% 30%, rgba(255, 255, 255, 0.4) 0%, transparent 40%);
    --bg-radial-2: radial-gradient(circle at 85% 70%, rgba(121, 134, 203, 0.5) 0%, transparent 45%);
    --page-bg: rgba(255, 255, 255, 0.3);
    --page-shadow: 0 30px 60px rgba(26, 35, 126, 0.25), 0 10px 30px rgba(0, 0, 0, 0.08), inset 0 0 50px rgba(255, 255, 255, 0.5);
    --page-border: rgba(255, 255, 255, 0.6);
    --text-primary: #0d1b2a;
    --text-secondary: #1a237e;
    --text-muted: #7986cb;
    --section-border: rgba(121, 134, 203, 0.4);
    --section-title-border: #1a237e;
    --card-bg: rgba(255, 255, 255, 0.75);
    --card-border: rgba(255, 255, 255, 0.9);
    --card-hover-shadow: 0 15px 30px rgba(26, 35, 126, 0.25);
    --card-hover-border: #3949ab;
    --card-selected-border: #1a237e;
    --card-selected-shadow: 0 0 30px rgba(26, 35, 126, 0.5);
    --card-selected-bg: rgba(197, 202, 233, 0.9);
    --input-border: rgba(121, 134, 203, 0.5);
    --input-focus-border: #1a237e;
    --input-focus-shadow: rgba(26, 35, 126, 0.1);
    --btn-primary-bg: linear-gradient(135deg, #1a237e, #0d1b2a, #000000);
    --btn-primary-hover: linear-gradient(135deg, #3949ab, #1a237e, #0d1b2a);
    --btn-primary-shadow: 0 15px 35px rgba(26, 35, 126, 0.5);
    --badge-bg: linear-gradient(135deg, #3949ab, #1a237e);
    --badge-shadow: 0 8px 25px rgba(26, 35, 126, 0.4);
    --review-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.35) 0%, rgba(197, 202, 233, 0.45) 100%);
    --review-avatar-bg: linear-gradient(135deg, #3949ab, #1a237e);
    --review-badge-bg: linear-gradient(135deg, #1a237e, #0d1b2a);
    --hero-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.4) 0%, rgba(197, 202, 233, 0.3) 100%);
    --hero-gradient: linear-gradient(to right, #1a237e, #0d1b2a, #000000);
    --order-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.3) 0%, rgba(197, 202, 233, 0.4) 100%);
    --nav-btn-bg: linear-gradient(135deg, #3949ab, #1a237e);
    --nav-btn-shadow: 0 5px 15px rgba(26, 35, 126, 0.3);
    --nav-dot-bg: rgba(26, 35, 126, 0.3);
    --nav-dot-border: #3949ab;
    --nav-dot-active-bg: #1a237e;
    --nav-dot-active-border: #0d1b2a;
    --logo-bg: linear-gradient(135deg, #3949ab, #1a237e);
    --logo-shadow: 0 8px 20px rgba(26, 35, 126, 0.4);
    --logo-gradient: linear-gradient(to right, #1a237e, #0d1b2a);
    --logo-tagline-color: #3949ab;
}