:root {
    --bg: radial-gradient(circle at top, #0b1120 0%, #020617 55%, #000000 100%);
    --bg-panel: rgba(255, 255, 255, 0.72);
    --bg-panel-border: rgba(255, 255, 255, 0.5);
    --text-main: #FFFFFF;
    /* Force white text for glass on dark bg mostly */
    --text-muted: rgba(255, 255, 255, 0.6);
    --divider: rgba(255, 255, 255, 0.15);

    /* iOS Design Tokens */
    --ios-radius: 20px;
    --ios-radius-sm: 14px;
    --ios-blur: 30px;
    /* Stronger blur for glass */
    --ios-card-bg: rgba(30, 30, 40, 0.4);
    /* Deep glass */
    --ios-border: rgba(255, 255, 255, 0.12);
    --ios-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5);

    --spring-easing: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    /* Bouncy */

    --btn-radius: 16px;
    /* iOS button radius */

    /* Social Colors */
    --btn-google-bg: #ffffff;
    --btn-google-text: #111111;
    --btn-github-bg: #111111;
    --btn-github-text: #ffffff;
    --btn-microsoft-bg: #0078d4;
    --btn-microsoft-text: #ffffff;
    --btn-apple-bg: #000000;
    --btn-apple-text: #ffffff;

    --input-bg: rgba(0, 0, 0, 0.2);
    --input-border: rgba(255, 255, 255, 0.1);
    --input-text: #ffffff;
    --input-placeholder: rgba(255, 255, 255, 0.4);

    --orb-main: #0a84ff;
    --orb-secondary: #5ac8fa;
    --orb-dark: #111827;
}

/* APPLE LIGHT */
:root[data-theme="apple-light"],
body.apple-light {
    --bg: radial-gradient(circle at top, #f0f0f3 0%, #e5e5ea 50%, #d5d5dd 100%);
    --bg-panel: rgba(255, 255, 255, 0.82);
    --bg-panel-border: rgba(255, 255, 255, 0.95);
    --text-main: #111111;
    --text-muted: #6e6e73;

    --input-bg: rgba(255, 255, 255, 0.95);
    --input-border: #d2d2d7;
    --input-text: #111111;
    --input-placeholder: #6e6e73;

    --orb-main: #0a84ff;
    --orb-secondary: #5ac8fa;
    --orb-dark: #111827;

    --divider: rgba(0, 0, 0, 0.12);
    --ios-border: rgba(0, 0, 0, 0.12);
    --ios-card-bg: rgba(250, 250, 252, 0.8);
}

/* APPLE DARK */
:root[data-theme="apple-dark"],
body.apple-dark {
    --bg: radial-gradient(circle at top, #0b1120 0%, #020617 55%, #000000 100%);
    --bg-panel: rgba(15, 23, 42, 0.65);
    --bg-panel-border: rgba(255, 255, 255, 0.1);
    --text-main: #f9fafb;
    --text-muted: #9ca3af;

    --input-bg: rgba(30, 41, 59, 0.6);
    --input-border: rgba(255, 255, 255, 0.1);
    --input-text: #ffffff;
    --input-placeholder: #9ca3af;

    --orb-main: #38bdf8;
    --orb-secondary: #a855f7;
    --orb-dark: #020617;
}

/* SIRI LIGHT */
:root[data-theme="siri-light"],
body.siri-light {
    --bg: radial-gradient(circle at top, #ffffff 0%, #f3f7ff 45%, #e0f2fe 100%);
    --bg-panel: rgba(255, 255, 255, 0.88);
    --bg-panel-border: rgba(191, 219, 254, 0.7);
    --text-main: #0f172a;
    --text-muted: #64748b;

    --input-bg: rgba(255, 255, 255, 0.95);
    --input-border: #bfdbfe;
    --input-text: #0f172a;
    --input-placeholder: #64748b;

    --orb-main: #0ea5e9;
    --orb-secondary: #a855f7;
    --orb-dark: #1d2433;

    --divider: rgba(0, 0, 0, 0.12);
    --ios-border: rgba(0, 0, 0, 0.12);
    --ios-card-bg: rgba(255, 255, 255, 0.9);
}

/* SIRI DARK */
:root[data-theme="siri-dark"],
body.siri-dark {
    --bg: radial-gradient(circle at top, #020617 0%, #020617 40%, #111827 100%);
    --bg-panel: rgba(15, 23, 42, 0.7);
    --bg-panel-border: rgba(56, 189, 248, 0.15);
    --text-main: #e5e7eb;
    --text-muted: #9ca3af;

    --input-bg: rgba(30, 41, 59, 0.6);
    --input-border: rgba(255, 255, 255, 0.1);
    --input-text: #ffffff;
    --input-placeholder: #9ca3af;

    --orb-main: #22d3ee;
    --orb-secondary: #a855f7;
    --orb-dark: #020617;
}