/*
 * GENERATED FILE. Do not edit by hand.
 *
 * Source: docs/design/v1.4.2/tokens.json
 * Generator: web-client/scripts/gen.mjs
 *
 * Regenerate with `npm run gen -w web-client`; `npm run gen:check` (wired
 * into this workspace's typecheck) fails when this file and the design
 * package have drifted apart.
 *
 * 158 custom properties, in tokens.json order. style.css
 * references these by name and carries no design literals of its own.
 */

:root {
  --color-surface-canvas: #F4F2EA;
  --color-surface-card: #FCFBF6;
  --color-surface-card-alt: #F4F2EA;
  --color-surface-sheet: #FCFBF6;
  --color-surface-scrim: rgba(32,38,31,0.40);
  --color-surface-divider: #EDEBE0;
  --color-surface-border: #E4E1D3;
  --color-surface-track-neutral: #EAE7DB;
  --color-surface-grabber: #DDDAC9;
  --color-text-primary: #20261F;
  --color-text-secondary: #4C565F;
  --color-text-tertiary: #6E7468;
  --color-text-quaternary: #A3A296;
  --color-text-on-dark: #FCFBF6;
  --color-text-on-header: #2E3740;
  --color-text-header-meta: #5B6570;
  --color-text-chevron: #C9C6B8;
  --color-provenance-measured: oklch(0.45 0.10 160);
  --color-provenance-forecast: oklch(0.52 0.04 250);
  --color-provenance-forecast-fill: oklch(0.44 0.05 250);
  --color-provenance-sensor-derived: oklch(0.50 0.09 285);
  --color-provenance-derived: oklch(0.52 0.04 250);
  --color-provenance-rejected: oklch(0.50 0.13 40);
  --color-header-gradient-stowe: linear-gradient(180deg, #D8E3EB 0%, #E9ECE4 62%, #F4F2EA 100%);
  --color-header-gradient-alt: linear-gradient(180deg, #DCE4E8 0%, #EAEBE3 62%, #F4F2EA 100%);
  --color-header-scrim: linear-gradient(180deg, rgba(244,242,234,0.94) 0%, rgba(244,242,234,0.88) 40%, rgba(244,242,234,0.55) 66%, rgba(244,242,234,0.12) 84%, rgba(244,242,234,0) 100%);
  --color-header-ridge-far: #C9D3D9;
  --color-header-ridge-near: #99A8B4;
  --color-header-ridge-snowcap: #F4F7F6;
  --color-header-ridge-trail: #EDF1EE;
  --color-snow-quality-scale: linear-gradient(90deg, #9FB0BC 0%, #C8D2D8 45%, #F1F3F0 100%);
  --color-delay-text: oklch(0.45 0.07 70);
  --color-delay-glyph: oklch(0.52 0.07 70);
  --color-delay-fill: rgba(147,116,74,0.12);
  --color-banner-neutral-surface: #F1EDE0;
  --color-banner-neutral-border: #E4E1D3;
  --color-banner-alert-surface: oklch(0.50 0.13 40 / 0.08);
  --color-banner-alert-border: oklch(0.50 0.13 40 / 0.35);
  --type-family: -apple-system, system-ui;
  --type-family-mono: ui-monospace, Menlo, monospace;
  --type-scale-hero-size: 30px;
  --type-scale-hero-weight: 700;
  --type-scale-hero-line-height: 1.2;
  --type-scale-hero-tracking: -0.02em;
  --type-scale-sheet-value-size: 40px;
  --type-scale-sheet-value-weight: 700;
  --type-scale-sheet-value-tracking: -0.02em;
  --type-scale-screen-title-size: 28px;
  --type-scale-screen-title-weight: 700;
  --type-scale-screen-title-tracking: -0.02em;
  --type-scale-sheet-title-size: 20px;
  --type-scale-sheet-title-weight: 700;
  --type-scale-sheet-title-tracking: -0.01em;
  --type-scale-band-value-size: 24px;
  --type-scale-band-value-weight: 700;
  --type-scale-card-value-size: 20px;
  --type-scale-card-value-weight: 700;
  --type-scale-row-value-size: 17px;
  --type-scale-row-value-weight: 700;
  --type-scale-body-strong-size: 15px;
  --type-scale-body-strong-weight: 600;
  --type-scale-body-size: 14px;
  --type-scale-body-weight: 400;
  --type-scale-body-emphasis-size: 14px;
  --type-scale-body-emphasis-weight: 600;
  --type-scale-label-size: 13px;
  --type-scale-label-weight: 600;
  --type-scale-caption-size: 12.5px;
  --type-scale-caption-weight: 400;
  --type-scale-caption-strong-size: 12.5px;
  --type-scale-caption-strong-weight: 600;
  --type-scale-meta-size: 12px;
  --type-scale-meta-weight: 400;
  --type-scale-micro-label-size: 11px;
  --type-scale-micro-label-weight: 400;
  --type-scale-unit-size: 13px;
  --type-scale-unit-weight: 600;
  --type-scale-unit-large-size: 20px;
  --type-scale-unit-large-weight: 600;
  --type-scale-label-provenance-size: 12px;
  --type-scale-label-provenance-weight: 600;
  --type-scale-range-block-label-size: 11.5px;
  --type-scale-range-block-label-weight: 700;
  --type-scale-chip-label-size: 11px;
  --type-scale-chip-label-weight: 700;
  --type-scale-chip-label-tracking: 0.04em;
  --type-numerals: font-variant-numeric: tabular-nums;
  --type-minimum-size: 11px;
  --space-screen-padding-x: 18px;
  --space-sheet-padding-x: 22px;
  --space-card-padding-x: 16px;
  --space-card-padding-y: 14px;
  --space-row-padding-y: 15px;
  --space-stack-gap: 12px;
  --space-inline-gap: 8px;
  --space-marker-gap: 6px;
  --space-header-top-inset: 66px;
  --space-header-art-height-base: 310px;
  --radius-card: 18px;
  --radius-sheet: 24px;
  --radius-inner-card: 16px;
  --radius-pill: 99px;
  --radius-swatch: 4px;
  --radius-range-block: 7px;
  --radius-track: 5px;
  --elevation-card: 0 6px 24px rgba(32,38,31,0.10);
  --elevation-card-flat: none;
  --marker-measured-size: 9px;
  --marker-measured-shape: circle;
  --marker-measured-fill: var(--color-provenance-measured);
  --marker-measured-border: none;
  --marker-forecast-size: 9px;
  --marker-forecast-shape: circle;
  --marker-forecast-fill: none;
  --marker-forecast-border: 2px solid var(--color-provenance-forecast);
  --marker-derived-size: 9px;
  --marker-derived-shape: square;
  --marker-derived-radius: 2px;
  --marker-derived-fill: none;
  --marker-derived-border: 2px solid var(--color-provenance-derived);
  --marker-sensor-derived-size: 9px;
  --marker-sensor-derived-shape: circle;
  --marker-sensor-derived-fill: linear-gradient(90deg, var(--color-provenance-sensor-derived) 50%, transparent 50%);
  --marker-sensor-derived-border: 2px solid var(--color-provenance-sensor-derived);
  --marker-placement-inline-size-small: 7px;
  --marker-placement-inline-size-large: 8px;
  --band-order: summit, mid, base;
  --band-labels-summit: Summit;
  --band-labels-mid: Mid mountain;
  --band-labels-base: Base;
  --band-label-column-width: 92px;
  --band-spine-dot-size: 9px;
  --band-spine-line-width: 2px;
  --band-spine-line-color: var(--color-surface-border);
  --conditions-tile-width: 46px;
  --conditions-tile-height: 104px;
  --conditions-tile-gap: 8px;
  --conditions-day-rule-width: 1px;
  --conditions-day-rule-color: var(--color-surface-border);
  --conditions-visibility-row-height: 3px;
  --conditions-visibility-row-radius: 2px;
  --conditions-visibility-row-track-color: var(--color-surface-track-neutral);
  --conditions-visibility-row-fill-color: var(--color-provenance-forecast);
  --conditions-visibility-row-label-type: microLabel;
  --conditions-visibility-row-label-color: var(--color-text-tertiary);
  --conditions-daily-row-label-type: microLabel;
  --conditions-daily-row-value-type: rowValue;
  --conditions-daily-row-high-weight: 700;
  --conditions-daily-row-low-weight: 400;
  --conditions-daily-row-slot-gap: 16px;
  --sky-glyph-box-width: 20px;
  --sky-glyph-box-height: 18px;
  --sky-glyph-disc-size: 15px;
  --sky-glyph-cloud-width: 17px;
  --sky-glyph-cloud-height: 8px;
  --sky-glyph-color: var(--color-text-quaternary);
  --sky-glyph-constraint-min-disc-size: 15px;
  --hit-target-minimum: 44px;
}