/* ==========================================================================
   TOKENS — Design Variables & Custom Properties
   Practice Hub · Academic Command Center
========================================================================== */

:root {
    /* Brand & Accent Colors */
    --indigo:        #6366f1;
    --indigo-light:  #818cf8;
    --indigo-dim:    rgba(99, 102, 241, 0.15);
    --indigo-glow:   rgba(99, 102, 241, 0.3);
    
    /* Gradients */
    --grad-indigo:   linear-gradient(135deg, #6366f1 0%, #818cf8 100%);
    --grad-emerald:  linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --grad-amber:    linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);

    --emerald:       #10b981;
    --emerald-dim:   rgba(16, 185, 129, 0.15);

    --amber:         #f59e0b;
    --amber-dim:     rgba(245, 158, 11, 0.15);

    --ruby:          #ef4444;
    --ruby-dim:      rgba(239, 68, 68, 0.15);
    
    --purple:        #a855f7;
    --purple-dim:    rgba(168, 85, 247, 0.15);

    /* Subject Colors */
    --subj-stats:    #0ea5e9;
    --subj-acct:     #ec4899;
    --subj-mgmt:     #8b5cf6;
    --subj-econ:     #06b6d4;
    --subj-gen:      #94a3b8;

    /* Difficulty Colors */
    --diff-1:        #10b981; /* Green */
    --diff-2:        #84cc16; /* Lime */
    --diff-3:        #f59e0b; /* Amber */
    --diff-4:        #f97316; /* Orange */
    --diff-5:        #ef4444; /* Red */

    /* Label System Colors */
    --label-red:     #ef4444;
    --label-orange:  #f97316;
    --label-green:   #10b981;
    --label-gray:    #64748b;
    --label-gold:    #eab308;
    --label-purple:  #d946ef;

    /* Surfaces */
    --bg-base:       #050508;
    --bg-surface:    #0a0a10;
    --bg-card:       #111119;
    --bg-card-2:     #181824;
    --bg-modal:      #0f0f16;
    --bg-overlay:    rgba(0, 0, 0, 0.85);

    /* Text */
    --text-primary:   #f8fafc;
    --text-secondary: #94a3b8;
    --text-tertiary:  #475569;

    /* Borders & Shadows */
    --border:         rgba(255, 255, 255, 0.08);
    --border-subtle:  rgba(255, 255, 255, 0.04);
    --border-focus:   rgba(99, 102, 241, 0.5);
    --shadow-glow:    0 0 20px rgba(99, 102, 241, 0.15);

    /* Typography */
    --font-sans:      'DM Sans', sans-serif;
    --font-display:   'Space Grotesk', sans-serif;
    --font-mono:      'JetBrains Mono', monospace;

    /* Layout metrics */
    --sidebar-width:  280px;
    --header-height:  70px;
    --bottom-nav-ht:  65px;
    --radius-sm:      0.5rem;
    --radius-md:      1rem;
    --radius-lg:      1.5rem;
    --tap-target:     48px;

    /* ── New Tokens ── */
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.4s ease;
    --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.3);
    --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.6);
    --status-due: #f97316;
    --status-new: #6366f1;
    --status-learned: #10b981;
    --status-review: #f59e0b;
}