/* ⚠ AUTO-GENERATED from tokens.json (v0.4.0). DO NOT EDIT BY HAND. Run: node design-system/tokens/build.mjs */
:root {
  /* ─── Primitives ─── */
  --p-color-teal-500: #00E5A8;
  --p-color-teal-600: #00CC95;
  --p-color-teal-700: #00B383;
  --p-color-green-500: #2DD4A0;
  --p-color-amber-500: #F5A623;
  --p-color-red-500: #F06449;
  --p-color-blue-400: #7AAAFF;
  --p-color-ink-950: #05100E;
  --p-color-ink-900: #0A0E0D;
  --p-color-ink-800: #121918;
  --p-color-ink-700: #182020;
  --p-color-ink-600: #1F2A29;
  --p-color-ink-500: #263330;
  --p-color-sage-50: #EDF2F0;
  --p-color-sage-400: #7B9490;
  --p-color-sage-600: #435450;
  --p-color-white: #FFFFFF;
  --p-color-teal-a14: rgba(0,229,168,.14);
  --p-color-teal-a07: rgba(0,229,168,.07);
  --p-color-green-a13: rgba(45,212,160,.13);
  --p-color-amber-a13: rgba(245,166,35,.13);
  --p-color-red-a13: rgba(240,100,73,.13);
  --p-color-blue-a13: rgba(91,142,255,.13);
  --p-color-white-a06: rgba(255,255,255,.06);
  --p-color-white-a10: rgba(255,255,255,.10);
  --p-color-slate-50: #FAFBFC;
  --p-color-slate-0: #FFFFFF;
  --p-color-slate-100: #F4F6F8;
  --p-color-slate-200: #E5E8EC;
  --p-color-slate-300: #CBD5E1;
  --p-color-slate-900: #0F172A;
  --p-color-slate-700: #334155;
  --p-color-slate-500: #64748B;
  --p-color-slate-400: #94A3B8;
  --p-space-0: 0;
  --p-space-1: 4px;
  --p-space-2: 8px;
  --p-space-3: 12px;
  --p-space-4: 16px;
  --p-space-5: 24px;
  --p-space-6: 32px;
  --p-space-7: 48px;
  --p-space-8: 64px;
  --p-space-9: 96px;
  --p-space-10: 128px;
  --p-space-11: 160px;
  --p-space-12: 192px;
  --p-radius-none: 0;
  --p-radius-sm: 8px;
  --p-radius-md: 14px;
  --p-radius-lg: 20px;
  --p-radius-xl: 28px;
  --p-radius-pill: 999px;
  --p-font-family-sans: 'Manrope', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --p-font-family-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --p-font-size-2xs: 10px;
  --p-font-size-xs: 11px;
  --p-font-size-sm: 12px;
  --p-font-size-base: 13px;
  --p-font-size-md: 14px;
  --p-font-size-lg: 15px;
  --p-font-size-xl: 17px;
  --p-font-size-2xl: 20px;
  --p-font-size-3xl: 22px;
  --p-font-size-4xl: 26px;
  --p-font-size-5xl: 28px;
  --p-font-size-display: 40px;
  --p-font-weight-regular: 400;
  --p-font-weight-medium: 500;
  --p-font-weight-semibold: 600;
  --p-font-weight-bold: 700;
  --p-font-weight-black: 800;
  --p-font-lineHeight-tight: 1.15;
  --p-font-lineHeight-snug: 1.3;
  --p-font-lineHeight-normal: 1.45;
  --p-font-lineHeight-loose: 1.6;
  --p-font-letterSpacing-tighter: -.02em;
  --p-font-letterSpacing-tight: -.01em;
  --p-font-letterSpacing-normal: 0;
  --p-font-letterSpacing-wide: .1em;
  --p-font-letterSpacing-wider: .14em;
  --p-duration-fast: 90ms; /* @kind other */
  --p-duration-normal: 160ms; /* @kind other */
  --p-duration-slow: 280ms; /* @kind other */
  --p-easing-out: cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --p-easing-inOut: cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --p-z-base: 0; /* @kind other */
  --p-z-sticky: 10; /* @kind other */
  --p-z-dropdown: 40; /* @kind other */
  --p-z-overlay: 60; /* @kind other */
  --p-z-modal: 80; /* @kind other */
  --p-z-toast: 100; /* @kind other */

  /* ─── Semantic — DARK (прод Mini App, дефолт) ─── */
  --surface-canvas: var(--p-color-ink-950);
  --surface-base: var(--p-color-ink-900);
  --surface-raised: var(--p-color-ink-800);
  --surface-overlay: var(--p-color-ink-700);
  --surface-sunken: var(--p-color-ink-600);
  --surface-elevated: var(--p-color-ink-500);
  --text-primary: var(--p-color-sage-50);
  --text-secondary: var(--p-color-sage-400);
  --text-tertiary: var(--p-color-sage-600);
  --text-on-brand: var(--p-color-ink-950);
  --border-subtle: var(--p-color-white-a06);
  --border-strong: var(--p-color-white-a10);
  --border-focus: var(--p-color-teal-500);
  --brand-default: var(--p-color-teal-500);
  --brand-hover: var(--p-color-teal-600);
  --brand-press: var(--p-color-teal-700);
  --brand-soft: var(--p-color-teal-a14);
  --brand-softer: var(--p-color-teal-a07);
  --success: var(--p-color-green-500);
  --success-soft: var(--p-color-green-a13);
  --warning: var(--p-color-amber-500);
  --warning-soft: var(--p-color-amber-a13);
  --danger: var(--p-color-red-500);
  --danger-soft: var(--p-color-red-a13);
  --info: var(--p-color-blue-400);
  --info-soft: var(--p-color-blue-a13);

  /* ─── Legacy aliases (мост совместимости с прод-кодом) ─── */
  --bg: var(--surface-base);
  --s1: var(--surface-raised);
  --s2: var(--surface-overlay);
  --s3: var(--surface-sunken);
  --s4: var(--surface-elevated);
  --a: var(--brand-default);
  --ad: var(--brand-soft);
  --as: var(--brand-softer);
  --t1: var(--text-primary);
  --t2: var(--text-secondary);
  --t3: var(--text-tertiary);
  --green: var(--success);
  --gs: var(--success-soft);
  --amber: var(--warning);
  --ams: var(--warning-soft);
  --red: var(--danger);
  --rs: var(--danger-soft);
  --blue: var(--info);
  --blue-soft: var(--info-soft);
  --b1: var(--border-subtle);
  --b2: var(--border-strong);
  --r1: var(--p-radius-sm);
  --r2: var(--p-radius-md);
  --r3: var(--p-radius-lg);
  --r4: var(--p-radius-xl);
  --rf: var(--p-radius-pill);
  --font: var(--p-font-family-sans);
  --font-mono: var(--p-font-family-mono);
}