:root {
    /* Primary Brand Colors */
    --primary-color: #00D2D6;
    /* Bright Cyan/Teal for Buttons & Highlights (extracted from ref) */
    --primary-hover: #00B0B4;
    --secondary-color: #028090;
    /* Deeper Teal */

    /* Backgrounds */
    --bg-color: #061A23;
    /* Deep Dark Blue/Green Background */
    --bg-card: rgba(255, 255, 255, 0.05);
    /* Glass effect base */
    --bg-card-hover: rgba(255, 255, 255, 0.1);

    /* Text Colors */
    --text-color: #F0F4F8;
    /* Primary White/Off-white text */
    --text-muted: #A0AAB5;
    /* Secondary text */
    --text-dark: #0A1218;
    /* For text on bright buttons */

    /* Accents */
    --accent-color: #00D2D6;
    /* Same as primary for consistency in this design */
    --accent-red: #FF4D4D;
    /* Additional Accents for Calendar/Categories */
    --accent-green: #00E676;
    --accent-purple: #D500F9;
    --warning-color: #FFB300;
    --danger-color: #D50000;
    --accent-orange: #FF6D00;

    /* Base */
    --white: #FFFFFF;
    --black: #000000;
    --transparent: transparent;

    /* Gradients */
    --gradient-hero: linear-gradient(135deg, rgba(6, 26, 35, 0.9) 0%, rgba(2, 64, 89, 0.8) 100%);
}