/* Generated from the Design System tokens.json (v71) by scripts — do not edit by hand. */
:root:not(.bf-legacy), .bf-scope, [data-theme="night"] {
  --navy-950: #080D2B;
  --navy-900: #0D1438;
  --navy-850: #111A46;
  --navy-800: #151E50;
  --navy-700: #263B78;
  --blue-500: #168CFF;
  --blue-400: #35B9FF;
  --cyan-400: #38D9FF;
  --violet-500: #6655FF;
  --violet-400: #8A7EFF;
  --amber-500: #FFB914;
  --amber-400: #FFC72C;
  --purple-500: #9B5CFF;
  --magenta-400: #E154C8;
  --magenta-300: #F07AD8;
  --indigo-800: #151E50;
  --indigo-700: #1A2560;
  --indigo-600: #263B78;
  --violet-300: #A69CFF;
  --navy-750: #132656;
  --ink-100: #F7F9FF;
  --ink-300: #AAB5D6;
  --ink-400: #8390C2;
  --line-500: #5A6DB5;
  --crm-900: #0B1236;
  --crm-850: #10183F;
  --crm-800: #151E50;
  --crm-750: #1B2762;
  --crm-700: #0E3F7A;
  --sky-600: #0083CC;
  --sky-400: #25AFFF;
  --mint-400: #21C7A8;
  --rose-400: #FF6B6B;
  --blue-muted: #2563EB;
  --cyan-deep: #20C8FF;
  --purple-light: #8174FF;
  --pink-400: #FF5FA8;
  --orange-400: #FF8A3D;
  --text-muted: #6F7DA8;
  --on-yellow: #1A1300;
  --bg: var(--navy-950);
  --surface-1: var(--navy-900);
  --surface-2: var(--navy-800);
  --surface-3: var(--indigo-700);
  --surface-selected: var(--indigo-600);
  --line: rgba(90,109,181,0.28);
  --line-strong: var(--navy-700);
  --line-control: var(--line-500);
  --ink: var(--ink-100);
  --ink-muted: var(--ink-300);
  --ink-subtle: var(--ink-400);
  --on-accent: var(--navy-950);
  --on-violet: #ffffff;
  --primary: var(--blue-500);
  --primary-hover: var(--blue-400);
  --primary-soft: rgba(22,140,255,0.14);
  --link: var(--blue-400);
  --focus-ring: var(--cyan-400);
  --accent: var(--violet-500);
  --accent-text: var(--violet-300);
  --accent-soft: rgba(102,85,255,0.16);
  --cta: var(--amber-500);
  --cta-hover: var(--amber-400);
  --success: var(--mint-400);
  --success-soft: rgba(33,199,168,0.14);
  --warning: var(--amber-500);
  --warning-soft: rgba(255,185,20,0.14);
  --danger: var(--rose-400);
  --danger-soft: rgba(255,107,107,0.14);
  --info: var(--cyan-400);
  --info-soft: rgba(56,217,255,0.12);
  --neutral-soft: rgba(169,179,219,0.12);
  --glass-fill: rgba(21,30,80,0.62);
  --glass-line: rgba(80,160,255,0.24);
  --scrim: rgba(4,7,26,0.72);
  --secondary: var(--cyan-400);
  --secondary-soft: rgba(56,217,255,0.14);
  --highlight: var(--magenta-400);
  --highlight-text: var(--magenta-300);
  --highlight-soft: rgba(225,84,200,0.14);
  --surface-glass: rgba(21,30,80,0.55);
  --surface-glass-strong: rgba(26,37,96,0.72);
  --surface-interactive: var(--indigo-700);
  --surface-highlight: rgba(40,140,255,0.14);
  --border-subtle: rgba(255,255,255,0.06);
  --border-default: rgba(120,175,255,0.16);
  --border-strong: color-mix(in srgb, #263B78 55%, #35B9FF 45%);
  --border-highlight: rgba(255,255,255,0.18);
  --chart-1: var(--cyan-400);
  --chart-2: var(--violet-400);
  --chart-3: var(--amber-500);
  --chart-4: var(--mint-400);
  --chart-5: var(--rose-400);
  --chart-6: var(--magenta-400);
  --cta-ink: var(--on-yellow);
  --status-success: var(--mint-400);
  --status-warning: var(--amber-500);
  --status-danger: var(--rose-400);
  --status-info: var(--cyan-400);
  --status-pending: var(--orange-400);
  --pending-soft: rgba(255,138,61,0.14);
  --bg-alt: var(--navy-900);
  --surface: var(--navy-850);
  --card: var(--navy-800);
  --blue: var(--blue-500);
  --blue-electric: var(--blue-400);
  --cyan: var(--cyan-400);
  --purple: var(--violet-500);
  --pink: var(--pink-400);
  --yellow: var(--amber-500);
  --yellow-hi: var(--amber-400);
  --orange: var(--orange-400);
  --green: var(--mint-400);
  --red: var(--rose-400);
  --white: #FFFFFF;
  --text: var(--ink-100);
  --text-secondary: var(--ink-300);
  --border: var(--navy-700);
  --edge-light: rgba(255,255,255,0.10);
  --shadow-1: 0 1px 2px rgba(4,7,24,0.4);
  --shadow-2: 0 12px 32px -12px rgba(4,7,24,0.55);
  --shadow-3: 0 24px 60px -20px rgba(4,7,24,0.65);
  --shadow-glow: 0 0 0 1px rgba(53,185,255,0.28), 0 12px 36px rgba(22,140,255,0.22);
  --elev-1: 0 1px 2px rgba(3,5,24,0.5), 0 4px 12px -6px rgba(3,5,24,0.6);
  --elev-2: 0 2px 4px rgba(3,5,24,0.45), 0 18px 40px -18px rgba(3,5,24,0.85);
  --elev-3: 0 4px 8px rgba(3,5,24,0.45), 0 30px 60px -24px rgba(3,5,24,0.9);
  --elev-4: 0 40px 90px -30px rgba(2,3,18,0.95), 0 8px 20px rgba(2,3,18,0.5);
  --glow-blue: 0 10px 30px -10px rgba(22,140,255,0.75);
  --glow-cyan: 0 0 20px -2px rgba(56,217,255,0.55);
  --glow-brand: 0 0 0 1px rgba(22,140,255,0.25), 0 24px 60px -24px rgba(22,140,255,0.55);
  --glow-cta: 0 12px 28px -8px rgba(255,185,20,0.45);
  --glow-ghost: 0 8px 20px -6px rgba(56,217,255,0.35);
  --glow-violet: 0 12px 34px -12px rgba(102,85,255,0.8);
  --glow-magenta: 0 12px 34px -12px rgba(225,84,200,0.55);
  --glow-amber: 0 12px 32px -10px rgba(255,185,20,0.7);
  --glow-mint: 0 10px 28px -12px rgba(61,220,151,0.55);
  --shadow-glow-primary: 0 8px 24px rgba(22,140,255,0.30);
  --shadow-glow-cta: 0 10px 30px rgba(255,185,20,0.26);
}
[data-theme="crm"] {
  --bg: var(--crm-900);
  --surface-1: var(--crm-850);
  --surface-2: var(--crm-800);
  --surface-3: var(--crm-750);
  --surface-selected: var(--crm-700);
  --line: rgba(37,175,255,0.16);
  --line-strong: #223A7A;
  --line-control: var(--line-500);
  --ink: var(--ink-100);
  --ink-muted: var(--ink-300);
  --ink-subtle: var(--ink-400);
  --on-accent: var(--navy-950);
  --on-violet: var(--navy-950);
  --primary: var(--sky-400);
  --primary-hover: #5CC4FF;
  --primary-soft: rgba(0,131,204,0.22);
  --link: var(--sky-400);
  --focus-ring: var(--cyan-400);
  --accent: var(--sky-600);
  --accent-text: var(--sky-400);
  --accent-soft: rgba(0,131,204,0.24);
  --cta: var(--amber-500);
  --cta-hover: var(--amber-400);
  --success: var(--mint-400);
  --success-soft: rgba(33,199,168,0.14);
  --warning: var(--amber-500);
  --warning-soft: rgba(255,185,20,0.14);
  --danger: var(--rose-400);
  --danger-soft: rgba(255,107,107,0.14);
  --info: var(--cyan-400);
  --info-soft: rgba(56,217,255,0.12);
  --neutral-soft: rgba(169,179,219,0.12);
  --glass-fill: var(--crm-800);
  --glass-line: rgba(37,175,255,0.20);
  --scrim: rgba(4,7,26,0.72);
  --secondary: var(--cyan-400);
  --secondary-soft: rgba(56,217,255,0.12);
  --highlight: var(--magenta-400);
  --highlight-text: var(--magenta-300);
  --highlight-soft: rgba(225,84,200,0.12);
  --surface-glass: var(--crm-800);
  --surface-glass-strong: var(--crm-750);
  --surface-interactive: var(--crm-750);
  --surface-highlight: rgba(0,131,204,0.18);
  --border-subtle: rgba(255,255,255,0.05);
  --border-default: rgba(37,175,255,0.18);
  --border-strong: rgba(37,175,255,0.34);
  --border-highlight: rgba(255,255,255,0.10);
  --chart-1: var(--sky-400);
  --chart-2: var(--sky-600);
  --chart-3: var(--amber-500);
  --chart-4: var(--mint-400);
  --chart-5: var(--rose-400);
  --chart-6: var(--magenta-400);
  --cta-ink: var(--on-yellow);
  --status-success: var(--mint-400);
  --status-warning: var(--amber-500);
  --status-danger: var(--rose-400);
  --status-info: var(--cyan-400);
  --status-pending: var(--orange-400);
  --pending-soft: rgba(255,138,61,0.14);
  --bg-alt: var(--navy-900);
  --surface: var(--navy-850);
  --card: var(--navy-800);
  --blue: var(--blue-500);
  --blue-electric: var(--blue-400);
  --cyan: var(--cyan-400);
  --purple: var(--violet-500);
  --pink: var(--pink-400);
  --yellow: var(--amber-500);
  --yellow-hi: var(--amber-400);
  --orange: var(--orange-400);
  --green: var(--mint-400);
  --red: var(--rose-400);
  --white: #FFFFFF;
  --text: var(--ink-100);
  --text-secondary: var(--ink-300);
  --border: var(--navy-700);
  --edge-light: rgba(255,255,255,0.04);
  --shadow-2: 0 1px 3px rgba(3,6,24,0.5);
  --shadow-glow: none;
  --elev-1: 0 1px 2px rgba(3,5,24,0.5);
  --elev-2: 0 1px 3px rgba(3,5,24,0.5), 0 8px 20px -12px rgba(3,5,24,0.7);
  --elev-3: 0 2px 6px rgba(3,5,24,0.5), 0 14px 30px -16px rgba(3,5,24,0.8);
  --glow-blue: none;
  --glow-cyan: none;
  --glow-brand: none;
  --glow-cta: none;
  --glow-ghost: none;
  --glow-violet: none;
  --glow-magenta: none;
  --glow-amber: none;
  --glow-mint: none;
  --shadow-glow-primary: none;
  --shadow-glow-cta: none;
}
:root:not(.bf-legacy), .bf-scope {
  --space-0-5: 2px;
  --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;
  --space-24: 96px;
  --space-32: 128px;
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --bp-tablet: 640px;
  --bp-desktop: 1024px;
  --bp-wide: 1440px;
  --container-form: 560px;
  --container-prose: 720px;
  --container-marketing: 1200px;
  --container-app: 1280px;
  --container-crm: 1600px;
  --header-h: 72px;
  --topbar-h: 64px;
  --sidebar-w: 264px;
  --sidebar-w-crm: 232px;
  --rail-w: 72px;
  --control-h: 44px;
  --control-h-sm: 36px;
  --control-h-lg: 52px;
  --row-h: 56px;
  --row-h-dense: 44px;
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
  --dur-ambient: 8s;
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --z-sticky: 20;
  --z-drawer: 40;
  --z-modal: 50;
  --z-popover: 60;
  --z-toast: 70;
  --grad-primary: linear-gradient(180deg, #4FB0FF 0%, #168CFF 55%, #1277E0 100%);
  --grad-cta: linear-gradient(135deg, #FFC72C, #FFB914);
  --grad-brand: linear-gradient(135deg, #168CFF, #38D9FF);
  --grad-purple-pink: linear-gradient(135deg, #6655FF, #FF5FA8);
  --grad-blue-pink-white: linear-gradient(135deg, #168CFF, #FF5FA8, #F7F9FF);
  --grad-ambient: radial-gradient(60% 60% at 85% 0%, rgba(22,140,255,0.28) 0%, transparent 60%), radial-gradient(50% 50% at 0% 100%, rgba(56,217,255,0.14) 0%, transparent 60%);
  --grad-signal: linear-gradient(90deg, #6655FF 0%, #35B9FF 60%, #38D9FF 100%);
  --grad-trial: linear-gradient(135deg, #FFE07A 0%, #F2B01E 55%, #C98A08 100%);
  --grad-solo: linear-gradient(135deg, #8BF07A 0%, #3CC82E 55%, #1F9A1A 100%);
  --grad-pro: linear-gradient(135deg, #8030F0 0%, #A040E0 55%, #C040D0 100%);
  --grad-stage: linear-gradient(145deg, #0E2C80 0%, #0A1D58 55%, #061137 100%);
  --blur-glass: 16px;
  --font-sans: Vazirmatn, "Vazir", Tahoma, system-ui, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}
.t-display-xl { font-family: var(--font-sans); font-size: 56px; line-height: 80px; font-weight: 800; letter-spacing: 0; }
.t-display { font-family: var(--font-sans); font-size: 44px; line-height: 64px; font-weight: 800; }
.t-h1 { font-family: var(--font-sans); font-size: 32px; line-height: 48px; font-weight: 700; }
.t-h2 { font-family: var(--font-sans); font-size: 24px; line-height: 38px; font-weight: 700; }
.t-h3 { font-family: var(--font-sans); font-size: 20px; line-height: 32px; font-weight: 600; }
.t-h4 { font-family: var(--font-sans); font-size: 17px; line-height: 28px; font-weight: 600; }
.t-body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 34px; font-weight: 400; }
.t-body { font-family: var(--font-sans); font-size: 16px; line-height: 28px; font-weight: 400; }
.t-body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 24px; font-weight: 400; }
.t-caption { font-family: var(--font-sans); font-size: 13px; line-height: 22px; font-weight: 500; }
.t-label { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 600; }
.t-button-lg { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 700; }
.t-overline { font-family: var(--font-sans); font-size: 12px; line-height: 20px; font-weight: 700; letter-spacing: 0; }
.t-data { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 500; }
.t-stat { font-family: var(--font-sans); font-size: 30px; line-height: 40px; font-weight: 800; }
.t-code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 500; }