/**
 * Auth Pages — Shared CSS Variables (Design Tokens)
 * Single source of truth for Login & Register pages.
 *
 * @package FitnessCoachPro
 * @since   3.1.0
 */

:root {
    /* Primary Gaming Colors */
    --duo-green: #58cc02;
    --duo-green-dark: #46a302;
    --duo-green-light: #7cdb36;
    --duo-green-glow: rgba(88, 204, 2, 0.4);

    --duo-blue: #1cb0f6;
    --duo-blue-dark: #1899d6;
    --duo-purple: #a855f7;
    --duo-purple-dark: #9333ea;
    --duo-yellow: #ffc800;
    --duo-orange: #ff9600;
    --duo-red: #ff4b4b;

    /* Dark Theme Backgrounds */
    --duo-bg-deep: #0a1014;
    --duo-bg: #0f1a1f;
    --duo-bg-light: #162229;
    --duo-bg-card: #1a2c35;
    --duo-bg-elevated: #213640;

    /* Text */
    --duo-text: #ffffff;
    --duo-text-secondary: #b8cdd6;
    --duo-text-muted: #6b8a97;

    /* Glass Effect */
    --glass-bg: rgba(26, 44, 53, 0.85);
    --glass-border: rgba(255, 255, 255, 0.1);

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-glow-green: 0 0 30px var(--duo-green-glow);
    --shadow-glow-gold: 0 0 30px rgba(255, 200, 0, 0.4);
    --shadow-btn: 0 4px 0 rgba(0, 0, 0, 0.25);

    /* Border Radius */
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-full: 9999px;
}