:root{
/* Void — black studio backdrop */
--void-0:#000000;--void-1:#07070A;--void-2:#0E0F14;--void-3:#16171F;--void-4:#1F2130;--void-5:#2C2F42;
/* Cap — keycap plastic whites/greys */
--cap-0:#FFFFFF;--cap-1:#F2F3F7;--cap-2:#D9DBE3;--cap-3:#A9ACBA;--cap-4:#6E7183;--cap-5:#474A5A;
/* Signal accents */
--blue-300:#7A82FF;--blue-500:#2F3BFF;--blue-700:#1A22B8;
--acid-300:#CCFF8A;--acid-500:#A6FF3D;--acid-700:#5FAF0F;
--magenta-300:#FF6FB0;--magenta-500:#E0187A;--magenta-700:#8F0C4C;
--ultra-500:#8A2BFF;--ultra-700:#4B13A3;
--red-500:#FF2D3B;--red-700:#A30F1A;
--amber-500:#FFC21A;
/* Material gradients */
--chrome:linear-gradient(160deg,#FFFFFF 0%,#BFC3CF 22%,#5E6273 45%,#E9EBF1 62%,#8A8E9C 80%,#F4F5F8 100%);/* @kind color */
--iridescent:linear-gradient(120deg,#9EC8FF 0%,#C7A6FF 25%,#9CFFE0 50%,#FFC6F0 75%,#A6B4FF 100%);/* @kind color */
--cap-gradient:linear-gradient(180deg,#FFFFFF 0%,#E4E6EC 55%,#C3C6D0 100%);/* @kind color */
--grid-line:rgba(255,255,255,.06);

/* Semantic */
--bg-page:var(--void-1);--bg-raised:var(--void-2);--bg-sunken:var(--void-0);
--surface-card:var(--void-2);--surface-card-hover:var(--void-3);--surface-input:var(--void-3);
--border-subtle:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.18);
--text-primary:var(--cap-1);--text-secondary:var(--cap-3);--text-muted:var(--cap-4);--text-inverse:var(--void-1);
--accent:var(--blue-500);--accent-hover:#4651FF;--accent-press:var(--blue-700);
--status-on:var(--acid-500);--status-off:var(--red-500);--status-pending:var(--amber-500);
--promo:var(--magenta-500);
--focus-ring:0 0 0 2px var(--void-1),0 0 0 4px var(--blue-300);
}

:root{
--font-display:'Unbounded',system-ui,sans-serif;
--font-body:'Onest',system-ui,sans-serif;
--font-pixel:'Pixelify Sans',ui-monospace,monospace;
--font-mono:'JetBrains Mono',ui-monospace,monospace;
--fs-display-xl:72px;--fs-display-l:48px;--fs-display-m:32px;--fs-title:22px;
--fs-body-l:18px;--fs-body:16px;--fs-body-s:14px;--fs-caption:12px;--fs-pixel:14px;
--lh-tight:1.05;/* @kind font */--lh-snug:1.25;/* @kind font */--lh-body:1.5;/* @kind font */
--ls-display:-0.02em;/* @kind font */--ls-caps:0.08em;/* @kind font */
--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */--fw-bold:700;/* @kind font */--fw-black:800;/* @kind font */
}

:root{
--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
--radius-xs:6px;--radius-s:10px;--radius-m:14px;--radius-l:20px;--radius-xl:28px;--radius-pill:999px;
/* Keycap depth: top highlight, bottom lip, cast shadow */
--shadow-cap:inset 0 2px 0 rgba(255,255,255,.9),inset 0 -6px 0 rgba(0,0,0,.18),0 10px 24px rgba(0,0,0,.55);
--shadow-cap-pressed:inset 0 2px 0 rgba(255,255,255,.7),inset 0 -2px 0 rgba(0,0,0,.18),0 3px 8px rgba(0,0,0,.5);
--shadow-cap-dark:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -5px 0 rgba(0,0,0,.45),0 10px 24px rgba(0,0,0,.6);
--shadow-card:0 1px 0 rgba(255,255,255,.04) inset,0 20px 40px rgba(0,0,0,.45);
--glow-blue:0 0 32px rgba(47,59,255,.55),0 0 80px rgba(47,59,255,.25);
--glow-acid:0 0 32px rgba(166,255,61,.5),0 0 80px rgba(166,255,61,.2);
--glow-magenta:0 0 32px rgba(224,24,122,.5),0 0 80px rgba(224,24,122,.2);
--glow-red:0 0 32px rgba(255,45,59,.5),0 0 80px rgba(255,45,59,.2);
--ease-press:cubic-bezier(.3,0,.2,1);/* @kind other */--ease-spring:cubic-bezier(.34,1.56,.64,1);/* @kind other */--ease-out:cubic-bezier(.16,1,.3,1);/* @kind other */
--dur-fast:90ms;/* @kind other */--dur-base:180ms;/* @kind other */--dur-slow:420ms;/* @kind other */
--blur-glass:16px;/* @kind other */
}

/* Product-compatible aliases — same names as product/web/landing/ui/design/tokens, remapped onto the new palette so existing screens can switch over. */
:root{
--telegram:#2AABEE;--telegram-hover:#45B8F2;--telegram-press:#1F96D8;--telegram-soft:rgba(42,171,238,.14);--fg-on-telegram:#FFFFFF;
--fg-1:var(--cap-1);--fg-2:var(--cap-2);--fg-3:var(--cap-3);--fg-4:var(--cap-4);--fg-inverse:var(--void-1);
--surface-1:var(--void-2);--surface-2:var(--void-3);--surface-3:var(--void-4);--bg-app:var(--void-1);--overlay-scrim:rgba(0,0,0,.6);
--border-default:rgba(255,255,255,.12);
--success:var(--acid-500);--success-text:var(--acid-300);--success-soft:rgba(166,255,61,.12);
--info:var(--blue-300);--info-text:var(--blue-300);--info-soft:rgba(47,59,255,.16);
--warning:var(--amber-500);--warning-text:#FFD66B;--warning-soft:rgba(255,194,26,.13);
--danger:var(--red-500);--danger-text:#FF7A84;--danger-soft:rgba(255,45,59,.13);
--promo-text:var(--magenta-300);--promo-soft:rgba(224,24,122,.15);
--lilac:var(--ultra-500);--lilac-soft:rgba(138,43,255,.16);
--glass-bg:rgba(14,15,20,.62);--glass-border:rgba(255,255,255,.14);
--glass-filter:blur(18px) saturate(160%);/* @kind other */
--font-sans:'Onest',-apple-system,BlinkMacSystemFont,'Segoe UI',system-ui,sans-serif;
--control-sm:36px;--control-md:44px;--control-lg:52px;--hit-min:44px;
--press-scale:.97;/* @kind other */
}