:root {
    /* Tone 1: Deep Emerald Ocean (The Anchor) */
    --primary-color: #004D40;       /* Rich, bold emerald */
    --primary-dark: #002D26;        /* Deep forest */
    --primary-light: #00796B;       /* Vibrant teal-green */
    --primary-overlay: #004d40e6; /* Standardized overlay */

    /* Tone 2: Bright Golden Amber (The Energy) */
    --secondary-color: #FFC107;     /* Pure, bright amber */
    --secondary-light: #FFD54F;     /* Light sunny gold */
    --secondary-dark: #FFA000;      /* Deep amber */

    /* Tone 3: Vibrant Coral Reef (The Accent) */
    --accent-color: #FF5252;        /* High-energy coral red */
    --accent-light: #FF8A80;        /* Soft coral */
    --accent-dark: #D32F2F;         /* Strong red */

    /* Text Colors - Absolute Contrast */
    --text-color: #1A1A1A;          /* Near-black for maximum punch */
    --text-light: #444444;          /* Deep gray */
    --text-lighter: #777777;       /* Mid gray */
    --text-white: #ffffff;

    /* Backgrounds - Pure and Crisp */
    --background-light: #FFFFFF;    /* Pure White */
    --background-white: #FFFFFF;     /* Pure White */
    --background-cream: #F5F5F5;    /* Very light, clean gray */
    --border-color: #E0E0E0;        /* Clean, crisp border */

    /* Shadows - Sharp and Defined */
    --shadow-sm: 0 2px 5px #004d401a;
    --shadow-md: 0 8px 15px #004d4026;
    --shadow-lg: 0 15px 30px #004d4033;

    /* Glassmorphism - Clean and White */
    --glass-bg: #fffffff2;
    --glass-border: #004d401a;

    /* Animation & Transitions - Fast and Snappy */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    /* Geometry - Modern & Bold */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-full: 9999px;

    /* Typography */
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Layout Constants */
    --max-width: 1200px;
    --nav-height: 90px;
}