/* ============================================================
   KODEKRAKAN — THE HYBRID
   Terminal boot → Living abyss → Engineering precision.
   The best of all three worlds.
   ============================================================ */

@layer reset, tokens, base, overlays, layout, sections, components, utilities, responsive;

@layer tokens {
  :root {
    --acid: #39ff14;
    --void: #050505;
    --blood: #ff0033;
    --electric: #00f0ff;
    --warning: #ff6600;
    --bruise: #8b00ff;
    --text: #e0e0e0;
    --text-muted: rgba(255,255,255,0.5);
    --text-dim: rgba(255,255,255,0.25);
    --text-ghost: rgba(255,255,255,0.1);
    --surface: rgba(255,255,255,0.02);

    /* Acid alpha scale */
    --acid-2:  color-mix(in srgb, var(--acid) 2.5%, transparent);
    --acid-3:  color-mix(in srgb, var(--acid) 3%, transparent);
    --acid-4:  color-mix(in srgb, var(--acid) 4%, transparent);
    --acid-6:  color-mix(in srgb, var(--acid) 6%, transparent);
    --acid-8:  color-mix(in srgb, var(--acid) 8%, transparent);
    --acid-10: color-mix(in srgb, var(--acid) 10%, transparent);
    --acid-12: color-mix(in srgb, var(--acid) 12%, transparent);
    --acid-15: color-mix(in srgb, var(--acid) 15%, transparent);
    --acid-20: color-mix(in srgb, var(--acid) 20%, transparent);
    --acid-25: color-mix(in srgb, var(--acid) 25%, transparent);
    --acid-30: color-mix(in srgb, var(--acid) 30%, transparent);
    --acid-40: color-mix(in srgb, var(--acid) 40%, transparent);
    --acid-50: color-mix(in srgb, var(--acid) 50%, transparent);

    --border: var(--acid-8);
    --border-bright: var(--acid-20);

    /* Glow tokens */
    --glow-sm:  0 0 6px var(--acid-15);
    --glow-md:  0 0 10px var(--acid-50);
    --glow-lg:  0 0 20px var(--acid-20);
    --glow-xl:  0 0 40px var(--acid-30);
    --glow-box-sm: 0 0 8px var(--acid-30);
    --glow-box-lg: 0 0 20px var(--acid-8);

    /* Transition tokens */
    --ease-fast: 0.2s ease;
    --ease-normal: 0.3s ease;
    --ease-slow: 0.6s ease;
    --ease-reveal: 0.8s ease;

    /* Spacing scale */
    --sp-1: 4px;   --sp-2: 8px;   --sp-3: 12px;
    --sp-4: 16px;  --sp-5: 20px;  --sp-6: 24px;
    --sp-7: 32px;  --sp-8: 40px;  --sp-9: 48px;
    --sp-10: 60px; --sp-11: 80px; --sp-12: 100px;

    --font-mono: 'Fira Code', 'JetBrains Mono', 'Space Mono', monospace;
    --font-display: 'Bebas Neue', sans-serif;
    --font-body: 'Inter', sans-serif;
  }
}