/* Generated from apps/frontend/registry/styles.json. Do not edit by hand. */
/* Style contract 1.1.0; reference: docs/architecture/UI_INFORMATION_ARCHITECTURE.md#design-tokens. */
:root {
  color-scheme: light;

  /* color */
  --fx-color-canvas: #f6f7f9;
  --fx-color-sidebar: #f9fafc;
  --fx-color-surface: #ffffff;
  --fx-color-surface-soft: #f2f3f5;
  --fx-color-surface-elevated: #ffffff;
  --fx-color-line: rgba(24, 45, 78, 0.13);
  --fx-color-line-strong: rgba(24, 45, 78, 0.24);
  --fx-color-text: #172033;
  --fx-color-text-muted: #657086;
  --fx-color-text-subtle: #929caf;
  --fx-color-accent: #5b63e8;
  --fx-color-accent-strong: #454cc9;
  --fx-color-accent-soft: rgba(91, 99, 232, 0.10);
  --fx-color-on-accent: #ffffff;
  --fx-color-info: #4f6fea;
  --fx-color-positive: #249c61;
  --fx-color-positive-soft: rgba(36, 156, 97, 0.10);
  --fx-color-warning: #c77700;
  --fx-color-warning-soft: rgba(199, 119, 0, 0.09);
  --fx-color-critical: #c93d52;
  --fx-color-critical-soft: rgba(201, 61, 82, 0.09);
  --fx-color-line-contrast: rgba(24, 45, 78, 0.34);
  --fx-color-line-strong-contrast: rgba(24, 45, 78, 0.56);
  --fx-color-text-muted-contrast: #415067;

  /* typography */
  --fx-font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, "Segoe UI", sans-serif;
  --fx-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --fx-text-caption: 0.6875rem;
  --fx-text-control: 0.8125rem;
  --fx-text-body: 0.875rem;
  --fx-text-section: 1.1875rem;
  --fx-text-page: clamp(1.75rem, 2.4vw, 2.375rem);
  --fx-line-tight: 1.15;
  --fx-line-body: 1.5;

  /* spacing */
  --fx-space-1: 0.25rem;
  --fx-space-2: 0.5rem;
  --fx-space-3: 0.75rem;
  --fx-space-4: 1rem;
  --fx-space-5: 1.25rem;
  --fx-space-6: 1.5rem;
  --fx-space-8: 2rem;
  --fx-space-10: 2.5rem;
  --fx-space-12: 3rem;

  /* radius */
  --fx-radius-control: 0.625rem;
  --fx-radius-row: 0.75rem;
  --fx-radius-surface: 1rem;
  --fx-radius-overlay: 1.125rem;
  --fx-radius-pill: 999px;

  /* elevation */
  --fx-shadow-surface: 0 8px 24px rgba(18, 27, 45, 0.05);
  --fx-shadow-overlay: 0 18px 48px rgba(18, 27, 45, 0.14);

  /* focus */
  --fx-focus-ring: 0 0 0 3px rgba(91, 99, 232, 0.28);

  /* motion */
  --fx-motion-instant: 110ms;
  --fx-motion-control: 180ms;
  --fx-motion-surface: 240ms;
  --fx-motion-route: 320ms;
  --fx-motion-chart: 440ms;
  --fx-motion-easing: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* layout */
  --fx-layout-sidebar: 13.5rem;
  --fx-layout-content-max: 96rem;
  --fx-touch-target: 2.75rem;

  /* chart */
  --fx-chart-primary: #5b63e8;
  --fx-chart-secondary: #2d9cdb;
  --fx-chart-expected: rgba(95, 109, 130, 0.13);
  --fx-chart-grid: rgba(24, 45, 78, 0.09);

  /* map */
  --fx-map-band-1: #ffedd5;
  --fx-map-band-2: #fed7aa;
  --fx-map-band-3: #fdba74;
  --fx-map-band-4: #ea8a2e;
  --fx-map-band-5: #b45309;

}