:root {
    --blue-megara: #07539B;
    --blue-night: #061F38;
    --blue-surface: #0C2A47;
    --gold: #F4B94F;
    --gold-deep: #C68B25;
    --warm-white: #F7F1E7;
    --mist: #B7C8D3;
    --whatsapp: #18A85B;

    --font-title: 'DM Serif Display', Georgia, serif;
    --font-body: 'Manrope', 'Segoe UI', sans-serif;

    --radius-sm: 8px;
    --radius: 14px;
    --radius-lg: 22px;

    --container: 1240px;

    --transition: 250ms ease;
}

/* LIGHT MODE */
html[data-theme="light"] {
    --bg: #FBF8F3;
    --bg-alt: #FFFFFF;
    --surface: #FFFFFF;
    --text: #0B2239;
    --text-soft: #52708A;
    --heading: var(--blue-megara);
    --border: rgba(7, 83, 155, 0.14);
    --shadow: 0 12px 30px rgba(6, 31, 56, 0.10);
    --shadow-hover: 0 18px 40px rgba(6, 31, 56, 0.18);
    --header-bg: rgba(255, 255, 255, 0.92);
}

/* DARK MODE */
html[data-theme="dark"] {
    --bg: var(--blue-night);
    --bg-alt: #081F3A;
    --surface: var(--blue-surface);
    --text: var(--warm-white);
    --text-soft: var(--mist);
    --heading: var(--warm-white);
    --border: rgba(244, 185, 79, 0.18);
    --shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
    --shadow-hover: 0 20px 44px rgba(0, 0, 0, 0.6);
    --header-bg: rgba(6, 31, 56, 0.92);
}