/* Explain: Global theme tokens, color palette, and typography, with new emerald color definitions. */
:root {
    --primary-color: #0B6B4C;
    --primary-hover: #08583E;
    --secondary-color: #D4AF37;
    --accent-color: #F5D67A;
    --background-color: #FFFFFF;
    --surface-color: #FFFFFF;
    --surface-warm: #F1F8F4;
    --text-color: #08211A;
    --text-muted: #55665E;
    --border-color: #E2EEE7;
    --pearl-color: #FFFFFF;
    --champagne-color: #D4AF37;
    --rose-nude-color: #D4AF37;
    --soft-gray-color: #EFF6F1;
    --espresso-color: #0B6B4C;
    --font-heading: 'Bodoni Moda', 'Didot', 'Bodoni 72', serif;
    --font-body: 'Montserrat', sans-serif;
    --radius-oval: 0;
    --radius-soft: 0.25rem;
    --shadow-soft: 0 10px 40px rgba(11, 107, 76, 0.12);
    --shadow-card: 0 4px 20px rgba(11, 107, 76, 0.08);
    --gold-line: rgba(212, 175, 55, 0.32);
    --ink-900: #04130D;
    --shadow-lift: 0 24px 60px rgba(4, 19, 13, 0.22);
    --emerald-color: #0B6B4C;
    --emerald-deep: #08583E;
    --emerald-hover: #06412F;
    --emerald-bright: #2EBD8F;
    --emerald-soft: rgba(11, 107, 76, 0.12);
}

[data-theme="dark"] {
    --background-color: #06110C;
    --surface-color: #0C1A14;
    --surface-warm: #102419;
    --soft-gray-color: #102419;
    --text-color: #EAF6F0;
    --text-muted: #9DB6AA;
    --border-color: #1E362A;
    --primary-color: #34C89C;
    --primary-hover: #2EBD8F;
    --espresso-color: #0F7D5A;
    --emerald-color: #34C89C;
    --emerald-deep: #0A2C20;
    --emerald-hover: #0E3A2A;
    --emerald-bright: #43D9AB;
    --emerald-soft: rgba(52, 200, 156, 0.16);
}