/* Shared space v1. Source: joni-project design package b6d6a4f. */
:root {
  --color-blue: #007DC3;
  --color-gold: #FDBC33;
  --color-navy: #002D62;
  --color-logo-gray: #A0A0A0;
  --color-white: #FFFFFF;
  --color-paper: #F6F5F0;
  --color-mist: #EAF4FA;
  --color-ink: #142D43;
  --color-muted: #4D6273;
  --color-border: #C7D1D9;
  --color-control-border: #657C8C;
  --color-link: #005E96;
  --color-action-hover: #00447C;
  --color-action-pressed: #001F45;
  --color-focus: #002D62;
  --color-success: #246342;
  --color-success-surface: #EDF7EF;
  --color-warning: #704600;
  --color-warning-surface: #FFF4D9;
  --color-error: #A12A32;
  --color-error-surface: #FFF0F0;
  --space-4: 0.25rem;
  --space-8: 0.5rem;
  --space-12: 0.75rem;
  --space-16: 1rem;
  --space-20: 1.25rem;
  --space-24: 1.5rem;
  --space-32: 2rem;
  --space-40: 2.5rem;
  --space-48: 3rem;
  --space-64: 4rem;
  --space-80: 5rem;
  --space-96: 6rem;
  --space-120: 7.5rem;
  --font-family: "Open Sans", Arial, sans-serif;
  --font-display: clamp(2.5rem, 1.5rem + 3.5vw, 4.75rem);
  --font-h2: clamp(2rem, 1.5rem + 1.5vw, 3rem);
  --font-h3: clamp(1.375rem, 1.1rem + 0.7vw, 1.75rem);
  --font-lead: clamp(1.125rem, 1rem + 0.4vw, 1.375rem);
  --font-body: 1rem;
  --font-ui: 0.9375rem;
  --font-caption: 0.875rem;
  --font-label: 0.75rem;
  --layout-max: 76rem;
  --layout-gutter: clamp(1.25rem, 4vw, 3.5rem);
  --layout-section: clamp(3.5rem, 7vw, 6rem);
  --layout-measure: 65ch;
  --radius-control: 0.5rem;
  --radius-card: 1rem;
  --radius-arc: 7.5rem;
  --motion-fast: 160ms;
  --motion-ease: cubic-bezier(.2, .8, .2, 1);
  --line-thin: 1px;
  --line-strong: 2px;
  --shadow-raised: 0 8px 24px rgb(0 45 98 / 8%);
}