/* Torneaxo Design System tokens — colors, typography, spacing, effects */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,400..900;1,400..900&family=Chakra+Petch:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600;1,700&family=Barlow:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&display=swap');
:root{
/* Brand accents */
--volt:#D8FF00;--magenta:#F02DE4;--cyan:#2EC9FF;--purple:#A22DF0;
--volt-dim:#A8C800;--magenta-dim:#B31FAA;--cyan-dim:#1E96C4;
/* Ink + neutrals (dark-first) */
--ink:#0A0A0E;--bg-0:#0A0A0E;--bg-1:#111117;--bg-2:#191922;--bg-3:#22222E;
--white:#FFFFFF;--fg-1:#FFFFFF;--fg-2:#B4B4C2;--fg-3:#7C7C8C;
--border-1:rgba(255,255,255,.12);--border-2:rgba(255,255,255,.22);
--gradient-brand:linear-gradient(100deg,#A22DF0 0%,#2EC9FF 48%,#D8FF00 100%);
--gradient-thermal:linear-gradient(100deg,#F02DE4 0%,#2EC9FF 35%,#D8FF00 70%,#FFFFFF 100%);
/* Semantic aliases */
--surface-page:var(--bg-0);--surface-card:var(--bg-1);--surface-raised:var(--bg-2);
--text-body:var(--fg-1);--text-muted:var(--fg-2);--text-faint:var(--fg-3);
--text-on-accent:#0A0A0E;
--accent-primary:var(--volt);--accent-secondary:var(--magenta);--accent-info:var(--cyan);
--success:#4ADE80;--warning:#FFB020;--danger:#FF4D6D;
--focus-ring:0 0 0 2px var(--bg-0),0 0 0 4px var(--volt);
/* Typography */
--font-display:'Exo 2',sans-serif;
--font-tech:'Chakra Petch',sans-serif;
--font-body:'Barlow',sans-serif;
--display-style:italic 800 1em/1 var(--font-display);
--text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;
--text-xl:28px;--text-2xl:40px;--text-3xl:56px;--text-4xl:80px;
--tracking-caps:.08em;--tracking-wide:.16em;
--leading-tight:1.05;--leading-normal:1.5;
/* Spacing + radii */
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;
--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;
--skew-brand:-8deg;
--container-max:1140px;
/* Effects */
--shadow-card:0 1px 0 rgba(255,255,255,.06) inset,0 8px 24px rgba(0,0,0,.45);
--shadow-pop:0 12px 40px rgba(0,0,0,.6);
--glow-volt:0 0 12px rgba(216,255,0,.45),0 0 40px rgba(216,255,0,.18);
--glow-magenta:0 0 12px rgba(240,45,228,.5),0 0 40px rgba(240,45,228,.2);
--glow-cyan:0 0 12px rgba(46,201,255,.5),0 0 40px rgba(46,201,255,.2);
--ease-out:cubic-bezier(.2,.9,.25,1);
--ease-snap:cubic-bezier(.6,-.1,.2,1.2);
--dur-fast:120ms;
--dur-med:220ms;
}