/* Miaventi — generated from brand/tokens.json by scripts/buildBrandTokens.js. Do not edit by hand. */
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/fonts/plus-jakarta-sans/PlusJakartaSans-Variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/fonts/plus-jakarta-sans/PlusJakartaSans-Italic-Variable.woff2") format("woff2");
  font-weight: 200 800;
  font-style: italic;
  font-display: swap;
}

:root,
[data-theme="light"] {
  color-scheme: light;
  --indigo-600: #4B3DF6;
  --violet-400: #8B7CFF;
  --mist-300: #AEB8D9;
  --haze-100: #E5E7F4;
  --cloud-50: #F8FAFF;
  --midnight-900: #14163A;
  --bg: var(--cloud-50);
  --surface: #FFFFFF;
  --surface-sunken: #F1F3FB;
  --surface-tint: #EEECFF;
  --surface-inverse: var(--midnight-900);
  --line: var(--haze-100);
  --line-strong: #7F89B0;
  --ink: var(--midnight-900);
  --ink-secondary: #4A5078;
  --ink-muted: #646A8E;
  --ink-inverse: #FFFFFF;
  --logo-ink: var(--midnight-900);
  --brand: var(--indigo-600);
  --brand-hover: #3D2FE0;
  --brand-pressed: #3326C2;
  --on-brand: #FFFFFF;
  --brand-soft: #EEECFF;
  --accent: var(--violet-400);
  --success: #0B7A5A;
  --success-soft: #E3F5EE;
  --warning: #9A5800;
  --warning-soft: #FFF2D9;
  --danger: #C92A45;
  --danger-soft: #FDE8EC;
  --live: #C8235A;
  --live-soft: #FDE7EE;
  --chart-1: var(--indigo-600);
  --chart-2: var(--violet-400);
  --chart-3: var(--mist-300);
  --chart-4: var(--midnight-900);
  --focus: var(--indigo-600);
  --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --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;
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-2xl: 28px;
  --radius-pill: 999px;
  --shadow-xs: 0 1px 2px rgba(20, 22, 58, 0.06);
  --shadow-sm: 0 1px 3px rgba(20, 22, 58, 0.08), 0 1px 2px rgba(20, 22, 58, 0.04);
  --shadow-md: 0 6px 16px -4px rgba(20, 22, 58, 0.10), 0 2px 4px rgba(20, 22, 58, 0.04);
  --shadow-lg: 0 20px 48px -12px rgba(20, 22, 58, 0.18), 0 4px 12px rgba(20, 22, 58, 0.06);
  --shadow-brand: 0 8px 20px -8px rgba(75, 61, 246, 0.55);
  --focus-ring: 0 0 0 2px #FFFFFF, 0 0 0 4px #4B3DF6;
  --container-max: 1280px;
  --content-max: 720px;
  --sidebar-width: 264px;
  --sidebar-collapsed: 72px;
  --topbar-height: 64px;
  --control-sm: 32px;
  --control-md: 40px;
  --control-lg: 48px;
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --z-sticky: 100;
  --z-dropdown: 1000;
  --z-modal: 1300;
  --z-toast: 1500;
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0E1030;
  --surface: #171B45;
  --surface-sunken: #0A0C26;
  --surface-tint: #262070;
  --surface-inverse: #E9EAFB;
  --line: #262B5A;
  --line-strong: #646BA3;
  --ink: #F3F4FF;
  --ink-secondary: #C3C8E6;
  --ink-muted: #9AA1C9;
  --ink-inverse: var(--midnight-900);
  --logo-ink: #FFFFFF;
  --brand: #9C90FF;
  --brand-hover: #B0A6FF;
  --brand-pressed: #C2BAFF;
  --on-brand: #0E1030;
  --brand-soft: #262070;
  --accent: #B3AAFF;
  --success: #4FD1A5;
  --success-soft: #0D3A30;
  --warning: #F5B54A;
  --warning-soft: #3A2A0A;
  --danger: #FF8095;
  --danger-soft: #44152A;
  --live: #FF7096;
  --live-soft: #44152A;
  --chart-1: #9C90FF;
  --chart-2: #6E62E8;
  --chart-3: #5D6699;
  --chart-4: #E9EAFB;
  --focus: #B0A6FF;
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 6px 16px -4px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 20px 48px -12px rgba(0, 0, 0, 0.7);
  --shadow-brand: 0 8px 20px -8px rgba(156, 144, 255, 0.45);
  --focus-ring: 0 0 0 2px #0E1030, 0 0 0 4px #B0A6FF;
}

.display-xl { font-family: var(--font-sans); font-size: 64px; line-height: 68px; font-weight: 650; letter-spacing: -0.03em; }
.display { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 650; letter-spacing: -0.025em; }
.h1 { font-family: var(--font-sans); font-size: 36px; line-height: 44px; font-weight: 650; letter-spacing: -0.02em; }
.h2 { font-family: var(--font-sans); font-size: 28px; line-height: 36px; font-weight: 600; letter-spacing: -0.015em; }
.h3 { font-family: var(--font-sans); font-size: 22px; line-height: 30px; font-weight: 600; letter-spacing: -0.01em; }
.h4 { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 600; letter-spacing: -0.005em; }
.body-lg { font-family: var(--font-sans); font-size: 17px; line-height: 28px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 24px; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.01em; }
.overline { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 650; letter-spacing: 0.16em; text-transform: uppercase; }
.stat { font-family: var(--font-sans); font-size: 32px; line-height: 36px; font-weight: 650; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.date-day { font-family: var(--font-sans); font-size: 24px; line-height: 24px; font-weight: 700; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }