/* KONE Flow Design System tokens — standalone subset for the Win-back app.
   Follows kone-design-system.md token naming. Values are reference defaults;
   replace with @kone-ds/kone-uids-tokens CSS when JFrog access is available. */
:root{
  /* Color */
  --kone-color-brand-primary:#005eb8;
  --kone-color-primary:#005eb8;
  --kone-color-primary-dark:#003f7d;
  --kone-color-primary-light:#3d8bd4;
  --kone-color-accent:#00a3a1;
  --kone-color-gold:#c9a227;
  --kone-color-danger:#c0392b;
  --kone-color-focus:#005eb8;
  --kone-color-text-primary:#1f2937;
  --kone-color-text-secondary:#6b7280;
  --kone-color-text-disabled:#9aa7b4;
  --kone-color-text-on-brand:#ffffff;
  --kone-color-surface-primary:#ffffff;
  --kone-color-surface-secondary:#f5f7fa;
  --kone-color-surface-tertiary:#eef3f8;
  --kone-color-border-default:#d9e1ea;
  --kone-color-status-info:#005eb8;
  --kone-color-status-success:#1f7a3d;
  --kone-color-status-warning:#d97706;
  --kone-color-status-error:#c0392b;

  /* Rating bands — shared by map markers, filter swatches, and score card */
  --kone-rating-a:#c9a227;
  --kone-rating-b:#005eb8;
  --kone-rating-c:#00a3a1;
  --kone-rating-d:#9aa7b4;

  /* Spacing */
  --kone-spacing-xs:4px; --kone-spacing-sm:8px; --kone-spacing-md:16px;
  --kone-spacing-lg:24px; --kone-spacing-xl:32px; --kone-spacing-xxl:48px;

  /* Typography */
  --kone-typography-font-family-base:"Segoe UI","Microsoft YaHei",system-ui,sans-serif;
  --kone-typography-body-size:14px;
  --kone-typography-body-weight:400;
  --kone-typography-body-line-height:1.7;
  --kone-typography-caption-size:12px;
  --kone-typography-caption-weight:600;
  --kone-typography-caption-line-height:1.4;
  --kone-typography-heading-1-size:2rem;
  --kone-typography-heading-3-size:1.1rem;
  --kone-typography-heading-3-weight:700;
  --kone-typography-heading-3-line-height:1.3;
  --kone-typography-heading-6-weight:600;

  /* Elevation + radius */
  --kone-elevation-low:0 1px 3px rgba(0,0,0,.08);
  --kone-elevation-medium:0 4px 14px rgba(0,40,90,.10);
  --kone-elevation-high:0 10px 30px rgba(0,40,90,.16);
  --kone-border-radius-sm:6px; --kone-border-radius-md:10px; --kone-border-radius-lg:16px;

  /* Breakpoints */
  --kone-breakpoint-sm:640px; --kone-breakpoint-md:1024px; --kone-breakpoint-lg:1280px;
}

*,*::before,*::after{box-sizing:border-box;}
body{margin:0;font-family:var(--kone-typography-font-family-base);
  font-size:var(--kone-typography-body-size);line-height:var(--kone-typography-body-line-height);
  color:var(--kone-color-text-primary);background:var(--kone-color-surface-secondary);}
:focus-visible{outline:2px solid var(--kone-color-focus);outline-offset:2px;}