/* ── SHARED CSS CUSTOM PROPERTIES / THEME TOKENS ── */

/* index.html (dashboard) variables */
:root {
    --bg-void: radial-gradient(circle at 50% 20%, #0d1527 0%, #040814 100%);
    --navy-deep: #040814;
    --navy-glow: #071330;
    --glass-base: rgba(18, 28, 45, 0.38);
    --glass-card: rgba(22, 34, 55, 0.45);
    --glass-elevated: rgba(28, 42, 65, 0.55);
    --glass-border: rgba(0, 240, 255, 0.12);
    --glass-border-light: rgba(0, 240, 255, 0.22);
    --text-glow: rgba(0, 240, 255, 0.95);
    --text-primary: #f0f8ff;
    --text-secondary: #b3c9e6;
    --text-muted: #7890b0;

    --gym: #10b981;
    --gym-rgb: 16, 185, 129;
    --read: #0ea5e9;
    --read-rgb: 14, 165, 233;
    --wake: #d946ef;
    --wake-rgb: 217, 70, 239;
    --mscript: #f59e0b;
    --mscript-rgb: 245, 158, 11;
    --focus: #ef4444;
    --focus-rgb: 239, 68, 68;
    --perfect: #00f0ff;

    --blur-strong: blur(16px);
    --blur-soft: blur(12px);
    --radius-xl: 32px;
    --radius-lg: 24px;
    --radius-md: 18px;
    --shadow-smooth: 0 20px 40px -18px rgba(0, 0, 0, 0.4);
}