/* Root Variables for Apple-style physics and Theme Colors */

:root {
    /* Physics */
    --apple-ease: cubic-bezier(0.25, 1, 0.5, 1);
    --apple-spring: cubic-bezier(0.175, 0.885, 0.32, 1.275);

    /* Dark Mode Theme (Default Pro) */
    --bg-color: #000000;
    --bg-gradient: radial-gradient(circle at top center, #1a1a1c 0%, #000000 80%);
    --text-primary: #f5f5f7;
    --text-secondary: #86868b;
    --text-tertiary: #a1a1aa;
    --accent-blue: #3b82f6;

    --nav-bg: rgba(9, 9, 11, 0.75);
    --nav-border: rgba(255, 255, 255, 0.1);

    --hero-title-gradient: linear-gradient(180deg, #ffffff 0%, #86868b 100%);

    --card-bg: rgba(255, 255, 255, 0.02);
    --card-border: rgba(255, 255, 255, 0.08);
    --card-border-hover: rgba(255, 255, 255, 0.15);
    --card-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.0);
    --card-shadow-hover: 0 40px 80px -20px rgba(0, 0, 0, 0.8);

    --btn-primary-bg: #f5f5f7;
    --btn-primary-text: #000000;
    --btn-primary-hover: #ffffff;

    --modal-overlay: rgba(0, 0, 0, 0.85);
    --modal-bg: #09090b;

    --toggle-bg: #1d1d1f;
    --toggle-thumb: #ffffff;
    --toggle-icon: #f5f5f7;
}

/* Light Mode Theme Overrides */
[data-theme="light"] {
    --bg-color: #e5e5ea;
    --bg-gradient: radial-gradient(circle at top center, #ffffff 0%, #e5e5ea 90%);
    --text-primary: #1d1d1f;
    --text-secondary: #515154;
    --text-tertiary: #52525b;
    --accent-blue: #0066cc;
    /* Apple's lighter active blue */

    --nav-bg: rgba(255, 255, 255, 0.85);
    /* Slightly frostier */
    --nav-border: rgba(0, 0, 0, 0.08);

    --hero-title-gradient: linear-gradient(180deg, #1d1d1f 0%, #86868b 100%);
    /* Inverted Titanium */

    --card-bg: rgba(255, 255, 255, 0.85);
    /* Brilliant white frosted glass to stand out */
    --card-border: rgba(0, 0, 0, 0.06);
    --card-border-hover: rgba(0, 0, 0, 0.15);
    --card-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.06);
    /* Soft ambient lift in daytime */
    --card-shadow-hover: 0 40px 80px -20px rgba(0, 0, 0, 0.15);
    /* Soft daylight shadow */

    --btn-primary-bg: #1d1d1f;
    --btn-primary-text: #ffffff;
    --btn-primary-hover: #000000;

    --modal-overlay: rgba(255, 255, 255, 0.65);
    --modal-bg: #ffffff;

    --toggle-bg: #e5e5ea;
    --toggle-thumb: #ffffff;
    --toggle-icon: #1d1d1f;
}