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

/* index.html (dashboard) variables */
:root {
    --bg-void: radial-gradient(circle at 30% 10%, rgba(20, 10, 35, 0.98), rgba(6, 4, 12, 0.98));
    --cyber-accent: #00f0ff;
    --cyber-accent-rgb: 0, 240, 255;
    --cyber-glow: #bd00ff;
    --cyber-glow-rgb: 189, 0, 255;
    --navy-deep: #050a12;
    --navy-glow: #0a192f;
    --glass-base: rgba(22, 32, 45, 0.38);
    --glass-card: rgba(28, 40, 55, 0.45);
    --glass-elevated: rgba(35, 48, 65, 0.55);
    --glass-border: rgba(255, 255, 255, 0.1);
    --glass-border-light: rgba(255, 255, 255, 0.18);
    --text-glow: rgba(255, 255, 255, 0.9);
    --text-primary: #f0f4fa;
    --text-secondary: #b9c7d9;
    --text-muted: #7f8fa4;

    --gym: #00ff00;
    --gym-rgb: 0, 255, 0;
    --read: #ffff00;
    --read-rgb: 255, 255, 0;
    --wake: #8a2be2;
    --wake-rgb: 138, 43, 226;
    --mscript: #cccccc;
    --mscript-rgb: 204, 204, 204;
    --focus: #ff0000;
    --focus-rgb: 255, 0, 0;
    --perfect: #ffd966;

    --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);
}