/* Generated by tools/build_tokens_css.py from design/tokens.json. Do not edit. */
:root {
  /* color */
  --sag-blue: #005dac;
  --sag-blue-dark: #004a8a;
  --sag-blue-deep: #003570;
  --sag-blue-light: #e8f1f9;
  --sag-blue-mid: #ccdff2;
  --sag-blue-ink: #19496f;
  --sag-orange: #ff9900;
  --sag-orange-dark: #f65a13;
  --sag-orange-lite: #fff4e0;
  --sag-green: #39b54a;
  --sag-green-lite: #e8f7ea;
  --sag-green-ink: #256035;
  --sag-green-border: #c0e4c6;
  --sag-red: #ed1c26;
  --sag-gray: #494949;
  --sag-gray-mid: #707070;
  --sag-gray-lite: #f0f2f5;
  --sag-gray-border: #d8dde4;
  --bg: #f5f7fa;
  --surface: #ffffff;
  --surface-2: #f0f4f8;
  --text-primary: #1a2535;
  --text-secondary: #3d5168;
  --text-muted: #6b7f94;
  --border: #dde3eb;
  --border-strong: #c2cdd8;
  --focus-ring: #003570;
  --focus-ring-on-dark: var(--sag-orange);
  --link: var(--sag-blue);
  --danger-text: #b3141c;
  --status-available-bg: var(--sag-green-lite);
  --status-available-fg: var(--sag-green-ink);
  --status-delivered-bg: var(--surface);
  --status-delivered-fg: var(--sag-green-ink);
  --status-in-progress-bg: var(--sag-blue-light);
  --status-in-progress-fg: var(--sag-blue-ink);
  --status-in-progress-border: var(--sag-blue);
  --status-planned-bg: var(--surface);
  --status-planned-fg: var(--text-secondary);
  --horizon-today-bg: var(--sag-green-lite);
  --horizon-now-bg: var(--sag-blue-light);
  --horizon-next-bg: var(--surface-2);
  --horizon-later-bg: var(--surface);
  --strategic-feature-enhancement: #1565c0;
  --strategic-developer-experience: #7b3fa0;
  --strategic-performance: #2e8b57;
  --strategic-security: #c62828;
  --strategic-dotnet-upgrade: #3f51b5;
  --strategic-continuous-improvement: #c77d0a;
  /* radius */
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  /* shadow */
  --shadow-sm: 0 1px 3px rgba(0, 45, 90, 0.08), 0 1px 2px rgba(0, 45, 90, 0.04);
  --shadow-md: 0 4px 14px rgba(0, 45, 90, 0.1), 0 2px 6px rgba(0, 45, 90, 0.05);
  --shadow-lg: 0 8px 28px rgba(0, 45, 90, 0.13), 0 3px 10px rgba(0, 45, 90, 0.07);
  /* type */
  --font-sans: "Palanquin", Tahoma, sans-serif;
  --font-display: "Palanquin Dark", "Palanquin", Tahoma, sans-serif;
  --type-hero-title-size: clamp(1.75rem, 1.35rem + 1.6vw, 2.25rem);
  --type-hero-title-weight: 700;
  --type-wordmark-size: 1.35rem;
  --type-wordmark-weight: 500;
  --type-section-title-size: 1.375rem;
  --type-section-title-weight: 700;
  --type-detail-title-size: 1.125rem;
  --type-detail-title-weight: 700;
  --type-card-title-size: 1.0625rem;
  --type-card-title-weight: 700;
  --type-body-size: 1.0625rem;
  --type-body-weight: 400;
  --type-item-title-size: 1rem;
  --type-item-title-weight: 500;
  --type-helper-size: 0.9375rem;
  --type-helper-weight: 400;
  --type-field-label-size: 0.875rem;
  --type-field-label-weight: 600;
  --type-nav-link-size: 0.9375rem;
  --type-nav-link-weight: 500;
  --type-product-name-size: 0.9375rem;
  --type-product-name-weight: 500;
  --type-nav-pill-size: 0.875rem;
  --type-nav-pill-weight: 600;
  --type-button-size: 0.9375rem;
  --type-button-weight: 600;
  --type-chip-size: 0.9375rem;
  --type-chip-weight: 400;
  --type-pill-size: 0.875rem;
  --type-pill-weight: 400;
  --type-eyebrow-size: 0.875rem;
  --type-eyebrow-weight: 600;
  --type-badge-size: 0.875rem;
  --type-badge-weight: 400;
}