/* Explain: Theme design tokens for dark and light modes. - */
:root,
html[data-theme="dark"] {
    --primary-color: #ffffff;
    --primary-hover: #f1f5f9;
    --secondary-color: #94a3b8;
    --accent-color: #0ea5e9;
    --accent-hover: #0284c7;
    --grit-red: #be123c;
    --grit-blue: #0284c7;
    --background-color: #0b1120;
    --surface-color: #131b2c;
    --surface-elevated: #1e293b;
    --surface-soft: rgba(255, 255, 255, 0.04);
    --surface-glass: rgba(19, 27, 44, 0.82);
    --nav-surface: rgba(11, 17, 32, 0.9);
    --dropdown-surface: rgba(19, 27, 44, 0.96);
    --logo-surface: transparent;
    --logo-border: transparent;
    --whatsapp-green: #25D366;
    --whatsapp-surface: rgba(37, 211, 102, 0.15);
    --text-color: #f8fafc;
    --text-muted: #94a3b8;
    --text-soft: #cbd5e1;
    --text-inverse: #0f172a;
    --border-color: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.16);
    --shadow-soft: 0 4px 12px -2px rgba(0, 0, 0, 0.2);
    --shadow-card: 0 12px 24px -8px rgba(0, 0, 0, 0.3);
    --shadow-panel: 0 15px 35px -10px rgba(0, 0, 0, 0.4);
    --glow-blue-opacity: 0.12;
    --glow-red-opacity: 0.12;
    --zone-hero-bg: linear-gradient(135deg, #0b1120 0%, #111827 100%);
    --zone-destinations-bg: linear-gradient(180deg, #131b2c 0%, #0b1120 100%);
    --zone-services-bg: #0f172a;
    --zone-ai-bg: #1e293b;
    --zone-b2b-bg: linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);
    --zone-contact-bg: #151e2e;
    --page-gradient: linear-gradient(135deg, var(--background-color) 0%, #162032 50%, var(--background-color) 100%);
    --font-heading: 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;
}

html[data-theme="light"] {
    --primary-color: #0f172a;
    --primary-hover: #111827;
    --secondary-color: #334155;
    --accent-color: #0268b8;
    --accent-hover: #075995;
    --grit-red: #b21e27;
    --grit-blue: #0078ff;
    --background-color: #f8fafc;
    --surface-color: #ffffff;
    --surface-elevated: #f1f5f9;
    --surface-soft: rgba(15, 23, 42, 0.045);
    --surface-glass: rgba(255, 255, 255, 0.94);
    --nav-surface: rgba(255, 255, 255, 0.96);
    --dropdown-surface: rgba(255, 255, 255, 0.98);
    --logo-surface: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 246, 255, 0.96));
    --logo-border: rgba(15, 23, 42, 0.12);
    --whatsapp-green: #128c4a;
    --whatsapp-surface: rgba(18, 140, 74, 0.14);
    --text-color: #0f172a;
    --text-muted: #334155;
    --text-soft: #1e293b;
    --text-inverse: #ffffff;
    --border-color: rgba(15, 23, 42, 0.14);
    --border-strong: rgba(15, 23, 42, 0.28);
    --shadow-soft: 0 6px 18px -12px rgba(15, 23, 42, 0.24);
    --shadow-card: 0 18px 42px -30px rgba(15, 23, 42, 0.38);
    --shadow-panel: 0 24px 65px -44px rgba(15, 23, 42, 0.46);
    --glow-blue-opacity: 0.09;
    --glow-red-opacity: 0.06;
    --zone-hero-bg: linear-gradient(135deg, #ffffff 0%, #eef6ff 58%, #f8fafc 100%);
    --zone-destinations-bg: linear-gradient(180deg, #f1f7ff 0%, #ffffff 56%, #f8fafc 100%);
    --zone-services-bg: linear-gradient(180deg, #ffffff 0%, #eef4fb 100%);
    --zone-ai-bg: linear-gradient(135deg, #eef6ff 0%, #ffffff 52%, #f8fbff 100%);
    --zone-b2b-bg: linear-gradient(135deg, #ffffff 0%, #edf4ff 50%, #f8fafc 100%);
    --zone-contact-bg: linear-gradient(135deg, #ffffff 0%, #eef4fb 100%);
    --page-gradient: linear-gradient(135deg, #f8fafc 0%, #ffffff 46%, #eef6ff 100%);
}