/* ═══════════════════════════════════════════════════════════
   01-TOKENS.CSS — CoolModAPK Emerald Glass Design System Tokens
   ══════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════
   DESIGN TOKENS — Emerald Glass System
══════════════════════════════════════════════════════════ */
:root {
    /* Colors (Dark Default) */
    --c-bg:          #020617;
    --c-surface:     #0b1326;
    --c-surface-2:   #131c31;
    --c-surface-3:   #1a2540;
    --c-primary:     #00FF66;
    --c-primary-dk:  #00cc52;
    --c-text:        #e2e8f0;
    --c-text-muted:  #94a3b8;
    --c-border:      rgba(255,255,255,0.08);
    --c-border-em:   rgba(0,255,102,0.30);

    /* Glass layers */
    --glass-1: rgba(255,255,255,0.04);
    --glass-2: rgba(255,255,255,0.07);
    --glass-3: rgba(255,255,255,0.11);

    /* Typography */
    --font-ui:   'Hanken Grotesk', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', 'Courier New', monospace;

    /* Spacing */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;
}

html.light,
html:not(.dark) {
    --c-bg:          #f8fafc;
    --c-surface:     #ffffff;
    --c-surface-2:   #f1f5f9;
    --c-surface-3:   #e2e8f0;
    --c-text:        #0f172a;
    --c-text-muted:  #64748b;
    --c-border:      #e2e8f0;
    --c-border-em:   rgba(16,185,129,0.30);
    --glass-1: rgba(0,0,0,0.02);
    --glass-2: rgba(0,0,0,0.04);
    --glass-3: rgba(0,0,0,0.06);
}