/* Canonical Light Premium tokens from TELEMETRY OXY UI MASTER V1.1. */
:root {
  --oxy-font-family: "Manrope Variable", "Manrope", "Inter", "Segoe UI", Arial, sans-serif;
  --oxy-page-bg: #F4F8FF;
  --oxy-sidebar-bg: #EFF5FF;
  --oxy-surface: #FFFFFF;
  --oxy-surface-soft: #FBFDFF;
  --oxy-border: #E6EEFA;
  --oxy-border-strong: #D5E2F5;
  --oxy-text-primary: #1B2559;
  --oxy-text-secondary: #55607A;
  --oxy-text-muted: #7E8AA7;
  --oxy-text-disabled: #A9B4C8;
  --oxy-primary: #2F8CFF;
  --oxy-primary-hover: #237BEB;
  --oxy-primary-soft: #DCEEFF;
  --oxy-cyan: #35C7F0;
  --oxy-purple: #A86CFF;
  --oxy-purple-soft: #F0E4FF;
  --oxy-mint: #35D6D0;
  --oxy-success: #22C55E;
  --oxy-success-soft: #EAFBF1;
  --oxy-warning: #F5B942;
  --oxy-warning-soft: #FFF5E1;
  --oxy-danger: #FF5A6B;
  --oxy-danger-soft: #FFECEF;
  --oxy-info-soft: #EAF3FF;
  --oxy-gradient-nav-active: linear-gradient(90deg, #2F8CFF 0%, #55C7F4 100%);
  --oxy-gradient-primary: linear-gradient(90deg, #2F8CFF 0%, #3FB8F5 100%);
  --oxy-gradient-analytics: linear-gradient(90deg, #2F8CFF 0%, #A86CFF 100%);
  --oxy-space-1: 4px;
  --oxy-space-2: 8px;
  --oxy-space-3: 12px;
  --oxy-space-4: 16px;
  --oxy-space-5: 20px;
  --oxy-space-6: 24px;
  --oxy-space-8: 32px;
  --oxy-space-10: 40px;
  --oxy-space-12: 48px;
  --oxy-radius-sm: 10px;
  --oxy-radius-control: 12px;
  --oxy-radius-card-sm: 14px;
  --oxy-radius-card: 16px;
  --oxy-radius-panel: 18px;
  --oxy-radius-pill: 999px;
  --oxy-control-compact: 34px;
  --oxy-control: 40px;
  --oxy-control-large: 44px;
  --oxy-nav-row: 48px;
  --oxy-status-badge: 24px;
  --oxy-shadow-card: 0 8px 24px rgba(42, 76, 140, 0.08);
  --oxy-shadow-floating: 0 12px 32px rgba(42, 76, 140, 0.12);
  --oxy-shadow-inset-highlight: inset 0 1px 0 rgba(255,255,255,0.80);
  --oxy-type-display-size: 32px;
  --oxy-type-display-line: 40px;
  --oxy-type-h1-size: 28px;
  --oxy-type-h1-line: 36px;
  --oxy-type-h2-size: 20px;
  --oxy-type-h2-line: 28px;
  --oxy-type-h3-size: 16px;
  --oxy-type-h3-line: 24px;
  --oxy-type-body-lg-size: 15px;
  --oxy-type-body-lg-line: 22px;
  --oxy-type-body-size: 14px;
  --oxy-type-body-line: 20px;
  --oxy-type-small-size: 13px;
  --oxy-type-small-line: 18px;
  --oxy-type-caption-size: 12px;
  --oxy-type-caption-line: 16px;
  --oxy-type-kpi-lg-size: 28px;
  --oxy-type-kpi-lg-line: 34px;
  --oxy-type-kpi-md-size: 22px;
  --oxy-type-kpi-md-line: 28px;
  --oxy-motion-fast: 120ms;
  --oxy-motion-ui: 160ms;
  /* Chart-specific values from 07_CHARTS/chart-style-spec.md. */
  --oxy-chart-line-width: 2.5px;
  --oxy-chart-point-radius: 5px;
  --oxy-chart-active-point-radius: 8px;
}

@font-face {
  font-family: "Manrope Variable";
  src: url("/assets/fonts/Manrope%5Bwght%5D.ttf") format("truetype");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}