/* Clay — light only. Sölden/Ötztal reference: hard edges, coral accent, slate ink. Edit this file directly (tokens.json is stale for colour). */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&display=swap');
:root, [data-theme="light"] {
  --ground: #ffffff;
  --stage-top: #eeeff1;
  --stage-mid: #eeeff1;
  --stage-bottom: #eeeff1;
  --stage-glow: transparent;
  --scrim: #24353f8c;
  --ink: #24353f;
  --text-body: #24353f;
  --text-muted: #8a969e;
  --label: #24353f;
  --label-secondary: #5b6b75;
  --label-tertiary: #8a969e;
  --accent: #ff6f50;
  --on-accent: #ffffff;
  --accent-stage: #ff6f50;
  --accent-tint: #ff6f5014;
  --card-top: #ffffff;
  --card-bottom: #ffffff;
  --card-stroke: #dfe3e6;
  --card-rim: transparent;
  --card-highlight: transparent;
  --card-bottom-edge: transparent;
  --card-shadow: transparent;
  --card-selected-top: #ffffff;
  --card-selected-bottom: #ffffff;
  --card-selected-stroke: #24353f;
  --card-selected-shadow: transparent;
  --stage-card-top: #ffffff;
  --stage-card-bottom: #ffffff;
  --chip-top: #ffffff;
  --chip-bottom: #ffffff;
  --chip-shadow: transparent;
  --icon-chip-top: #eeeff1;
  --icon-chip-bottom: #eeeff1;
  --track: #dfe3e6;
  --track-groove: transparent;
  --radio-stroke: #c3cacf;
  --radio-top: #ff6f50;
  --radio-bottom: #ff6f50;
  --hero-shadow: transparent;
  --cta-top: #ff6f50;
  --cta-bottom: #ff6f50;
  --cta-shadow: transparent;
  --cta-highlight: transparent;
  --cta-bottom-edge: transparent;
  --hero-top: #24353f;
  --hero-bottom: #24353f;
  --hero-glow: transparent;
  --hero-accent: transparent;
  --hero-text: #ffffff;
  --hero-subtext: #b6c0c6;
  --hero-embedded: #ffffff1f;
  --hero-embedded-border: #ffffff2e;
  --success: #1f8a4c;
  --warning: #c77700;
  --danger: #c0392b;
  --info: #ff6f50;
  --tint-coral: #b2573c;
  --tint-blue: #4a6fa5;
  --tint-mint: #4f7a3f;
  --tint-teal: #2f7f86;
  --tint-purple: #7a4a7e;
  --tint-peach: #b5821f;
  --tint-indigo: #5b6b7f;
  --chart-1: #1f4e79;
  --chart-2: #2f7f86;
  --chart-3: #4f7a3f;
  --chart-4: #b5821f;
  --chart-5: #b2573c;
  --chart-6: #7a4a7e;
  --chart-7: #5b6b7f;
  --chart-8: #3d7fb5;
  --navy-mid: #354854;
  --navy: #24353f;
  --navy-deep: #1a262d;
  --slate: #b7bdc9;
  --fill-blue: #eeeff1;
  --fill-sky: #e7e9eb;
  --fill-royal: #dfe3e6;
  --ice: #eeeff1;
  --aqua: #dfe3e6;
  --shadow-card: none;
  --shadow-card-selected: none;
  --shadow-chip: none;
  --shadow-icon-chip: none;
  --shadow-cta: none;
  --shadow-radio: none;
  --shadow-hero: none;
  --shadow-float: 0 2px 8px rgba(36,53,63,.12);
}
:root {
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --row-text-inset: 64px;
  --content-max: 640px;
  --radius-card: 0px;
  --radius-inset: 0px;
  --radius-glass: 0px;
  --radius-tag: 0px;
  --radius-icon-square: 0px;
  --radius-pill: 999px;
  --cta-height: 52px;
  --bar-height: 64px;
  --toolbar-button: 44px;
  --stepper-button: 40px;
  --icon-chip: 38px;
  --row-icon: 36px;
  --info-icon: 32px;
  --check-badge: 28px;
  --radio: 26px;
  --section-glyph: 16px;
  --progress-track: 6px;
  --hero-glyph-disc: 96px;
  --hero-photo: 220px;
  --editor-disc: 64px;
  --font-rounded: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-hand: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", monospace;
}
.display { font-family: var(--font-rounded); font-size: 42px; line-height: 0.95; font-weight: 900; letter-spacing: -0.01em; text-transform: uppercase; }
.title-1 { font-family: var(--font-rounded); font-size: 32px; line-height: 0.95; font-weight: 900; letter-spacing: -0.01em; text-transform: uppercase; }
.title-2 { font-family: var(--font-rounded); font-size: 24px; line-height: 0.95; font-weight: 900; letter-spacing: -0.01em; text-transform: uppercase; }
.title-3 { font-family: var(--font-rounded); font-size: 20px; line-height: 25px; font-weight: 700; letter-spacing: -0.01em; }
.headline { font-family: var(--font-rounded); font-size: 17px; line-height: 22px; font-weight: 600; }
.body { font-family: var(--font-rounded); font-size: 17px; line-height: 24px; font-weight: 400; }
.callout { font-family: var(--font-rounded); font-size: 16px; line-height: 22px; font-weight: 400; }
.subheadline { font-family: var(--font-rounded); font-size: 15px; line-height: 21px; font-weight: 400; }
.footnote { font-family: var(--font-rounded); font-size: 13px; line-height: 18px; font-weight: 400; }
.caption-1 { font-family: var(--font-rounded); font-size: 12px; line-height: 16px; font-weight: 400; }
.caption-2 { font-family: var(--font-rounded); font-size: 11px; line-height: 13px; font-weight: 400; }
.page-heading { font-family: var(--font-rounded); font-size: 60px; line-height: 0.95; font-weight: 900; letter-spacing: -0.01em; text-transform: uppercase; }
.editor-title { font-family: var(--font-rounded); font-size: 24px; line-height: 0.95; font-weight: 900; letter-spacing: -0.01em; text-transform: uppercase; }
.hero-value { font-family: var(--font-rounded); font-size: 42px; line-height: 0.95; font-weight: 900; letter-spacing: -0.01em; }
.row-title { font-family: var(--font-rounded); font-size: 17px; line-height: 22px; font-weight: 700; }
.row-subtitle { font-family: var(--font-rounded); font-size: 13px; line-height: 18px; font-weight: 400; }
.section-header { font-family: var(--font-rounded); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink); }
.cta-label { font-family: var(--font-rounded); font-size: 15px; line-height: 20px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.chip-label { font-family: var(--font-rounded); font-size: 15px; line-height: 20px; font-weight: 500; }
.tag { font-family: var(--font-rounded); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.eyebrow { font-family: var(--font-rounded); font-size: 10px; line-height: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }
.voice { font-family: var(--font-hand); font-size: 17px; line-height: 24px; font-weight: 400; }