/* AIS design tokens — CSS custom properties
   GENERATED from tokens/ais.tokens.json by tokens/scripts/build-tokens.mjs — do not edit by hand. */

:root {
  /* color */
  --ais-bg-canvas: #F1F2EF;
  --ais-bg-surface: #FFFFFF;
  --ais-bg-subtle: #F6F7F5;
  --ais-bg-section: #E5E8E3;
  --ais-bg-inverse: #1F2326;
  --ais-text-primary: #121413;
  --ais-text-secondary: #4B514D;
  --ais-text-muted: #7C837E;
  --ais-text-on-dark: #F4F5F3;
  --ais-border-default: #E3E6E2;
  --ais-border-strong: #CDD2CE;
  --ais-border-focus: #5B3FE0;
  --ais-accent-brand: #E4FF3B;
  --ais-accent-brand-hover: #D6F037;
  --ais-accent-brand-pressed: #C9E034;
  --ais-accent-lime: #B5EE4F;
  --ais-accent-lime-soft: #EFF9DC;
  --ais-accent-lime-tint: #F7FBF0;
  --ais-accent-green-strong: #3D7A1C;
  --ais-accent-ai: #6E56F0;
  --ais-accent-ai-strong: #5B3FE0;
  --ais-accent-ai-soft: #EFEBFF;
  --ais-accent-ai-on-dark: #A89BFF;
  --ais-status-risk: #D2402F;
  --ais-status-risk-soft: #FCE9E6;
  --ais-status-low: #AD6F12;
  --ais-status-low-soft: #FBF1DD;
  --ais-status-low-line: #EAD5B1;
  --ais-status-ok: #8D948F;
  --ais-status-ok-soft: #EFF1EE;
  --ais-chart-area-end: #FBFFE6;
  --ais-chart-tooltip-fill: rgba(108, 108, 108, 0.10);
  --ais-overlay-scrim: rgba(18, 20, 19, 0.48);

  /* font */
  --ais-font-display: 'Syne', ui-sans-serif, system-ui, sans-serif;
  --ais-font-ui: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* typography */
  --ais-type-display-36-family: var(--ais-font-display);
  --ais-type-display-36-weight: 700;
  --ais-type-display-36-size: 36px;
  --ais-type-display-36-leading: 44px;
  --ais-type-display-36-tracking: -0.72px;
  --ais-type-heading-1-30-family: var(--ais-font-display);
  --ais-type-heading-1-30-weight: 700;
  --ais-type-heading-1-30-size: 30px;
  --ais-type-heading-1-30-leading: 36px;
  --ais-type-heading-1-30-tracking: -0.6px;
  --ais-type-display-m-28-family: var(--ais-font-display);
  --ais-type-display-m-28-weight: 700;
  --ais-type-display-m-28-size: 28px;
  --ais-type-display-m-28-leading: 34px;
  --ais-type-display-m-28-tracking: -0.56px;
  --ais-type-heading-2-22-family: var(--ais-font-display);
  --ais-type-heading-2-22-weight: 700;
  --ais-type-heading-2-22-size: 22px;
  --ais-type-heading-2-22-leading: 28px;
  --ais-type-heading-2-22-tracking: -0.22px;
  --ais-type-numeric-32-family: var(--ais-font-ui);
  --ais-type-numeric-32-weight: 700;
  --ais-type-numeric-32-size: 32px;
  --ais-type-numeric-32-leading: 40px;
  --ais-type-numeric-32-tracking: -0.5px;
  --ais-type-heading-3-18-semibold-family: var(--ais-font-ui);
  --ais-type-heading-3-18-semibold-weight: 600;
  --ais-type-heading-3-18-semibold-size: 18px;
  --ais-type-heading-3-18-semibold-leading: 24px;
  --ais-type-heading-3-18-semibold-tracking: 0px;
  --ais-type-heading-3-18-regular-family: var(--ais-font-ui);
  --ais-type-heading-3-18-regular-weight: 400;
  --ais-type-heading-3-18-regular-size: 18px;
  --ais-type-heading-3-18-regular-leading: 24px;
  --ais-type-heading-3-18-regular-tracking: 0px;
  --ais-type-body-l-16-bold-family: var(--ais-font-ui);
  --ais-type-body-l-16-bold-weight: 700;
  --ais-type-body-l-16-bold-size: 16px;
  --ais-type-body-l-16-bold-leading: 24px;
  --ais-type-body-l-16-bold-tracking: 0px;
  --ais-type-body-l-16-semibold-family: var(--ais-font-ui);
  --ais-type-body-l-16-semibold-weight: 600;
  --ais-type-body-l-16-semibold-size: 16px;
  --ais-type-body-l-16-semibold-leading: 24px;
  --ais-type-body-l-16-semibold-tracking: 0px;
  --ais-type-body-l-16-medium-family: var(--ais-font-ui);
  --ais-type-body-l-16-medium-weight: 500;
  --ais-type-body-l-16-medium-size: 16px;
  --ais-type-body-l-16-medium-leading: 24px;
  --ais-type-body-l-16-medium-tracking: 0px;
  --ais-type-body-l-16-regular-family: var(--ais-font-ui);
  --ais-type-body-l-16-regular-weight: 400;
  --ais-type-body-l-16-regular-size: 16px;
  --ais-type-body-l-16-regular-leading: 24px;
  --ais-type-body-l-16-regular-tracking: 0px;
  --ais-type-body-14-semibold-family: var(--ais-font-ui);
  --ais-type-body-14-semibold-weight: 600;
  --ais-type-body-14-semibold-size: 14px;
  --ais-type-body-14-semibold-leading: 20px;
  --ais-type-body-14-semibold-tracking: 0px;
  --ais-type-body-14-medium-family: var(--ais-font-ui);
  --ais-type-body-14-medium-weight: 500;
  --ais-type-body-14-medium-size: 14px;
  --ais-type-body-14-medium-leading: 20px;
  --ais-type-body-14-medium-tracking: 0px;
  --ais-type-body-14-regular-family: var(--ais-font-ui);
  --ais-type-body-14-regular-weight: 400;
  --ais-type-body-14-regular-size: 14px;
  --ais-type-body-14-regular-leading: 20px;
  --ais-type-body-14-regular-tracking: 0px;
  --ais-type-caption-12-semibold-family: var(--ais-font-ui);
  --ais-type-caption-12-semibold-weight: 600;
  --ais-type-caption-12-semibold-size: 12px;
  --ais-type-caption-12-semibold-leading: 16px;
  --ais-type-caption-12-semibold-tracking: 0px;
  --ais-type-caption-12-medium-family: var(--ais-font-ui);
  --ais-type-caption-12-medium-weight: 500;
  --ais-type-caption-12-medium-size: 12px;
  --ais-type-caption-12-medium-leading: 16px;
  --ais-type-caption-12-medium-tracking: 0px;
  --ais-type-caption-12-regular-family: var(--ais-font-ui);
  --ais-type-caption-12-regular-weight: 400;
  --ais-type-caption-12-regular-size: 12px;
  --ais-type-caption-12-regular-leading: 16px;
  --ais-type-caption-12-regular-tracking: 0px;
  --ais-type-caption-12-medium-caps-family: var(--ais-font-ui);
  --ais-type-caption-12-medium-caps-weight: 500;
  --ais-type-caption-12-medium-caps-size: 12px;
  --ais-type-caption-12-medium-caps-leading: 16px;
  --ais-type-caption-12-medium-caps-tracking: 0.6px;
  --ais-type-caption-12-semibold-caps-family: var(--ais-font-ui);
  --ais-type-caption-12-semibold-caps-weight: 600;
  --ais-type-caption-12-semibold-caps-size: 12px;
  --ais-type-caption-12-semibold-caps-leading: 16px;
  --ais-type-caption-12-semibold-caps-tracking: 0.6px;

  /* spacing */
  --ais-space-2: 2px;
  --ais-space-4: 4px;
  --ais-space-6: 6px;
  --ais-space-8: 8px;
  --ais-space-12: 12px;
  --ais-space-16: 16px;
  --ais-space-20: 20px;
  --ais-space-24: 24px;
  --ais-space-32: 32px;

  /* spacing-component */
  --ais-space-nav-item-x: 10px;
  --ais-space-nav-body-x: 14px;
  --ais-space-logo-tab-end: 10px;
  --ais-space-chip-x: 10px;
  --ais-space-hero-x: 40px;
  --ais-space-hero-top: 22px;
  --ais-space-part-gap: 18px;
  --ais-space-rec-card-y: 18px;
  --ais-space-rec-indent: 134px;
  --ais-space-table-gap-wide: 36px;
  --ais-space-meta-gap: 10px;

  /* radius */
  --ais-radius-4: 4px;
  --ais-radius-6: 6px;
  --ais-radius-8: 8px;
  --ais-radius-10: 10px;
  --ais-radius-12: 12px;
  --ais-radius-14: 14px;
  --ais-radius-16: 16px;
  --ais-radius-20: 20px;
  --ais-radius-24: 24px;
  --ais-radius-pill: 9999px;

  /* control */
  --ais-control-28: 28px;
  --ais-control-40: 40px;
  --ais-control-44: 44px;
  --ais-control-48: 48px;

  /* icon */
  --ais-icon-16: 16px;
  --ais-icon-20: 20px;
  --ais-icon-24: 24px;
  --ais-icon-30: 30px;
  --ais-icon-stroke: 1.5px;

  /* shadow */
  --ais-shadow-level-1: 0 1px 3px rgba(0, 0, 0, 0.09);
  --ais-shadow-level-2: 0 1px 2px rgba(15, 18, 18, 0.05), 0 6px 20px rgba(15, 18, 18, 0.06);
  --ais-shadow-level-3: 0 8px 18px rgba(13, 15, 15, 0.14);
  --ais-shadow-sidebar: 0 4px 41px rgba(0, 0, 0, 0.10);
  --ais-shadow-focus-ring: 0 0 0 2px var(--ais-bg-surface), 0 0 0 4px var(--ais-border-focus);

  /* filter */
  --ais-filter-level-3: drop-shadow(0 8px 9px rgba(13, 15, 15, 0.14));
  --ais-filter-sidebar: drop-shadow(0 4px 20.5px rgba(0, 0, 0, 0.10));

  /* opacity */
  --ais-opacity-forecast: 0.56;
  --ais-opacity-forecast-hover: 0.8;

  /* motion */
  --ais-motion-fast: 120ms;
  --ais-motion-base: 200ms;
  --ais-motion-slow: 320ms;
  --ais-motion-draw: 900ms;
  --ais-motion-pulse: 2400ms;
  --ais-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ais-ease-emphasized: cubic-bezier(0.3, 0, 0, 1);

  /* layout */
  --ais-layout-page-padding: 16px;
  --ais-layout-sidebar: 232px;
  --ais-layout-rail: 72px;
  --ais-layout-main-inset: 20px;
  --ais-layout-content: 1156px;

  /* surface */
  --ais-surface-canvas: var(--ais-bg-canvas);
  --ais-surface-section: var(--ais-bg-section);
  --ais-surface-card: var(--ais-bg-surface);
  --ais-surface-subtle: var(--ais-bg-subtle);
  --ais-surface-inverse: var(--ais-bg-inverse);
  --ais-surface-action: var(--ais-accent-brand);
}

/* prefers-reduced-motion: every duration becomes 0 (no draw-in, pulse or slide) */
@media (prefers-reduced-motion: reduce) {
  :root {
    --ais-motion-fast: 0ms;
    --ais-motion-base: 0ms;
    --ais-motion-slow: 0ms;
    --ais-motion-draw: 0ms;
    --ais-motion-pulse: 0ms;
  }
}