/* GENERATED from tokens/tokens.json. Edit the source, then run npm run build. */
:root {
  --a4a-blue-50: #f0f0ff;
  --a4a-blue-100: #e3e3ff;
  --a4a-blue-200: #d2d2ff;
  --a4a-blue-300: #adadff;
  --a4a-blue-400: #8585ff;
  --a4a-blue-500: #5a59fe;
  --a4a-blue-600: #1f1eff;
  --a4a-blue-700: #1615d6;
  --a4a-blue-800: #1211ab;
  --a4a-blue-900: #11116f;
  --a4a-gray-0: #ffffff;
  --a4a-gray-25: #fafafa;
  --a4a-gray-50: #f5f5f5;
  --a4a-gray-100: #f0f0f3;
  --a4a-gray-200: #e5e5e9;
  --a4a-gray-300: #d0d0d8;
  --a4a-gray-400: #9f9f9f;
  --a4a-gray-500: #73737f;
  --a4a-gray-600: #61616e;
  --a4a-gray-700: #4b4b58;
  --a4a-gray-800: #37383c;
  --a4a-gray-900: #23242b;
  --a4a-gray-950: #16171d;
  --a4a-green-50: #edf9f1;
  --a4a-green-600: #06a731;
  --a4a-green-800: #126b32;
  --a4a-red-50: #fff0f0;
  --a4a-red-600: #d20000;
  --a4a-red-800: #a80000;
  --a4a-amber-50: #fff7e5;
  --a4a-amber-300: #ffe08a;
  --a4a-amber-800: #835800;
  --a4a-space-0: 0;
  --a4a-space-1: 0.25rem;
  --a4a-space-2: 0.5rem;
  --a4a-space-3: 0.75rem;
  --a4a-space-4: 1rem;
  --a4a-space-5: 1.25rem;
  --a4a-space-6: 1.5rem;
  --a4a-space-8: 2rem;
  --a4a-space-10: 2.5rem;
  --a4a-space-12: 3rem;
  --a4a-space-16: 4rem;
  --a4a-space-20: 5rem;
  --a4a-space-24: 6rem;
  --a4a-radius-sm: 0.375rem;
  --a4a-radius-md: 0.75rem;
  --a4a-radius-lg: 1rem;
  --a4a-radius-xl: 1.25rem;
  --a4a-radius-2xl: 1.75rem;
  --a4a-radius-pill: 999px;
  --a4a-text-xs: 0.75rem;
  --a4a-text-sm: 0.875rem;
  --a4a-text-md: 1rem;
  --a4a-text-lg: 1.125rem;
  --a4a-text-xl: 1.25rem;
  --a4a-text-2xl: 1.5rem;
  --a4a-text-3xl: 2rem;
  --a4a-text-4xl: 2.5rem;
  --a4a-text-5xl: 3rem;
  --a4a-leading-tight: 1.3;
  --a4a-leading-body: 1.8;
  --a4a-leading-control: 1.5;
  --a4a-weight-regular: 400;
  --a4a-weight-medium: 500;
  --a4a-weight-bold: 700;
  --a4a-weight-heavy: 800;
  --a4a-font-body: iranyekan, Vazirmatn, Tahoma, sans-serif;
  --a4a-font-latin: Vazirmatn, system-ui, sans-serif;
  --a4a-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --a4a-duration-fast: 120ms;
  --a4a-duration-normal: 200ms;
  --a4a-duration-slow: 320ms;
  --a4a-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --a4a-z-base: 0;
  --a4a-z-sticky: 20;
  --a4a-z-popover: 40;
  --a4a-z-overlay: 60;
  --a4a-z-toast: 80;
  --a4a-control-sm: 2.25rem;
  --a4a-control-md: 2.75rem;
  --a4a-control-lg: 3.25rem;
  --a4a-layout-container: 80rem;
  --a4a-layout-reading: 45rem;
  --a4a-layout-sidebar: 16rem;
  --a4a-breakpoint-sm: 40rem;
  --a4a-breakpoint-md: 48rem;
  --a4a-breakpoint-lg: 64rem;
  --a4a-breakpoint-xl: 80rem;
  --a4a-bg: var(--a4a-gray-50);
  --a4a-surface: var(--a4a-gray-0);
  --a4a-surface-subtle: var(--a4a-gray-25);
  --a4a-surface-raised: var(--a4a-gray-0);
  --a4a-text: var(--a4a-gray-900);
  --a4a-text-secondary: var(--a4a-gray-600);
  --a4a-text-disabled: var(--a4a-gray-500);
  --a4a-border: var(--a4a-gray-200);
  --a4a-border-strong: #858592;
  --a4a-primary: var(--a4a-blue-600);
  --a4a-primary-hover: var(--a4a-blue-700);
  --a4a-primary-active: var(--a4a-blue-800);
  --a4a-on-primary: #ffffff;
  --a4a-primary-soft: var(--a4a-blue-50);
  --a4a-primary-soft-hover: var(--a4a-blue-100);
  --a4a-primary-border: var(--a4a-blue-200);
  --a4a-success: var(--a4a-green-800);
  --a4a-success-soft: var(--a4a-green-50);
  --a4a-danger: var(--a4a-red-600);
  --a4a-danger-hover: var(--a4a-red-800);
  --a4a-danger-soft: var(--a4a-red-50);
  --a4a-warning: var(--a4a-amber-800);
  --a4a-warning-soft: var(--a4a-amber-50);
  --a4a-info: var(--a4a-blue-800);
  --a4a-info-soft: var(--a4a-blue-50);
  --a4a-focus: #1f1eff;
  --a4a-overlay: rgba(22, 23, 40, 0.5);
  --a4a-gradient: linear-gradient(45deg, #0d0eff, #5a59fe);
  --a4a-shadow-sm: 0 2px 6px rgba(25, 24, 70, 0.04);
  --a4a-shadow-md: 0 8px 28px rgba(25, 24, 70, 0.07);
  --a4a-shadow-lg: 0 20px 64px rgba(25, 24, 70, 0.16);
}
[data-a4a-theme="dark"] {
  --a4a-bg: #13141b;
  --a4a-surface: #1c1d27;
  --a4a-surface-subtle: #232432;
  --a4a-surface-raised: #282939;
  --a4a-text: #f5f5fb;
  --a4a-text-secondary: #b6b7c8;
  --a4a-text-disabled: #989aaf;
  --a4a-border: #37394c;
  --a4a-border-strong: #8588a0;
  --a4a-primary: #adadff;
  --a4a-primary-hover: #c7c7ff;
  --a4a-primary-active: #d2d2ff;
  --a4a-on-primary: #171736;
  --a4a-primary-soft: #2a2948;
  --a4a-primary-soft-hover: #373653;
  --a4a-primary-border: #656498;
  --a4a-success: #7fdda0;
  --a4a-success-soft: #183528;
  --a4a-danger: #ffaaaa;
  --a4a-danger-hover: #ffc0c0;
  --a4a-danger-soft: #3c242b;
  --a4a-warning: #ffdd91;
  --a4a-warning-soft: #3a3020;
  --a4a-info: #bcbcff;
  --a4a-info-soft: #2a2948;
  --a4a-focus: #c3c3ff;
  --a4a-gradient: linear-gradient(45deg, #1f1eff, #4847e5);
  --a4a-overlay: rgba(4, 5, 14, 0.72);
  --a4a-shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.14);
  --a4a-shadow-md: 0 8px 28px rgba(0, 0, 0, 0.22);
  --a4a-shadow-lg: 0 20px 64px rgba(0, 0, 0, 0.4);
}