/* Generated from the ТокТук design system tokens.json — do not edit by hand. */
@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;}
@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap;}
:root,[data-theme="night"]{
  --graphite:#14181D;
  --amber:#F2A900;
  --cream:#FFF4D6;
  --surface:#14181D;
  --surface-card:#FFF4D6;
  --surface-sunk:rgba(255,244,214,0.06);
  --ink:#FFF4D6;
  --ink-muted:rgba(255,244,214,0.72);
  --ink-on-card:#14181D;
  --ink-on-card-muted:rgba(20,24,29,0.72);
  --line:rgba(255,244,214,0.16);
  --line-strong:rgba(255,244,214,0.56);
  --accent:var(--amber);
  --on-accent:var(--graphite);
  --accent-text:#F2A900;
  --accent-wash:rgba(242,169,0,0.12);
  --focus-ring:#FFF4D6;
  --error-line:#F2A900;
  --shadow-card:0 1px 0 rgba(20,24,29,0.06), 0 12px 32px rgba(20,24,29,0.10);
  --glow-amber:0 0 0 4px rgba(242,169,0,0.16), 0 6px 24px rgba(242,169,0,0.28);
  --glow-amber-soft:0 0 18px rgba(242,169,0,0.35);
}
[data-theme="cream"]{
  --graphite:#14181D;
  --amber:#F2A900;
  --cream:#FFF4D6;
  --surface:#FFF4D6;
  --surface-card:#FFF4D6;
  --surface-sunk:rgba(20,24,29,0.05);
  --ink:#14181D;
  --ink-muted:rgba(20,24,29,0.72);
  --ink-on-card:#14181D;
  --ink-on-card-muted:rgba(20,24,29,0.72);
  --line:rgba(20,24,29,0.16);
  --line-strong:rgba(20,24,29,0.56);
  --accent:var(--amber);
  --on-accent:var(--graphite);
  --accent-text:#14181D;
  --accent-wash:rgba(242,169,0,0.20);
  --focus-ring:#14181D;
  --error-line:#14181D;
  --shadow-card:0 1px 0 rgba(20,24,29,0.06), 0 12px 32px rgba(20,24,29,0.10);
  --glow-amber:0 0 0 4px rgba(242,169,0,0.16), 0 6px 24px rgba(242,169,0,0.28);
  --glow-amber-soft:0 0 18px rgba(242,169,0,0.35);
}
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:72px;
  --space-9:120px;
  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:24px;
  --radius-pill:999px;
  --dur-fast:160ms;
  --dur-base:240ms;
  --dur-cable:1200ms;
  --font-sans:Montserrat, "Segoe UI", Arial, sans-serif;
}