@import url("/static/fonts/inter/face.css");

:root {
  /* Reference tokens: raw brand values. */
  --vr-ink: #15202c;
  --vr-muted: #5c6875;
  --vr-text-secondary: #455260;
  --vr-line: #dce2e8;
  --vr-line-dark: rgba(255,255,255,.15);
  --vr-line-strong: rgba(21,32,44,.2);
  --vr-soft: #f5f7f8;
  --vr-warm: #f7f0e9;
  --vr-paper: #ffffff;
  --vr-header-surface: rgba(255,255,255,.97);
  --vr-glass-surface: rgba(255,255,255,.72);
  --vr-panel-surface: rgba(255,255,255,.9);
  --vr-on-dark: #eef3f7;
  --vr-on-dark-muted: #bcc6d0;
  --vr-accent: #bf570f;
  --vr-accent-dark: #93410a;
  --vr-focus: #f5a623;

  --vr-font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --vr-text-body: .9375rem;
  --vr-text-lead: 1rem;
  --vr-text-small: .875rem;
  --vr-text-label: .75rem;
  --vr-text-nav: .875rem;
  --vr-text-breadcrumb: clamp(.8125rem, .78rem + .14vw, .875rem);
  --vr-text-h1: clamp(2rem, 3vw, 2.75rem);
  --vr-text-h2: clamp(1.5rem, 1.8vw, 1.75rem);
  --vr-text-h3: clamp(1.1rem, 1.25vw, 1.25rem);
  --vr-text-stat: clamp(1.0625rem, 1.2vw, 1.25rem);
  --vr-leading-body: 1.55;
  --vr-leading-lead: 1.5;
  --vr-leading-heading: 1.08;
  --vr-leading-compact: 1.35;
  --vr-leading-table: 1.35;
  --vr-weight-regular: 400;
  --vr-weight-medium: 600;
  --vr-weight-semibold: 700;
  --vr-weight-bold: 800;
  --vr-tracking-heading: -.035em;
  --vr-tracking-label: .04em;
  --vr-tracking-eyebrow: .08em;

  --vr-space-1: .25rem;
  --vr-space-2: .5rem;
  --vr-space-3: .75rem;
  --vr-space-4: 1rem;
  --vr-space-5: 1.25rem;
  --vr-space-6: 1.5rem;
  --vr-space-7: 2rem;
  --vr-space-8: 2.5rem;
  --vr-space-9: 3rem;
  --vr-space-10: 4rem;

  --vr-container: 70rem;
  --vr-reading: 68ch;
  --vr-gutter: clamp(.875rem, 2vw, 1.25rem);
  --vr-section-space: clamp(2.5rem, 4vw, 3.5rem);
  --vr-header-height: 4.875rem;
  --vr-logo-width: 14rem;
  --vr-logo-width-mobile: 13.125rem;
  --vr-hero-min-height: 0;
  --vr-hero-copy: 41.25rem;
  --vr-hero-space: clamp(2.5rem, 4vw, 4rem);
  --vr-hero-mobile-space: var(--vr-space-8);
  --vr-form-width: 21.875rem;
  --vr-form-min-height: 18rem;
  --vr-card-padding: var(--vr-space-5);
  --vr-grid-gap: var(--vr-space-5);
  --vr-grid-card-min: 18rem;
  --vr-step-marker: 2.125rem;
  --vr-table-min-width: 64rem;
  --vr-table-first-column: 8rem;
  --vr-table-cell-block: .5rem;
  --vr-table-cell-inline: .625rem;
  --vr-radius-sm: .5625rem;
  --vr-radius-md: .875rem;
  --vr-radius-round: 999px;
  --vr-border-width: 1px;
  --vr-accent-stroke-width: 2px;
  --vr-border: var(--vr-border-width) solid var(--vr-line);
  --vr-border-accent: var(--vr-accent-stroke-width) solid var(--vr-accent);
  --vr-shadow-card: 0 1rem 2.75rem rgba(21, 32, 44, .08);

  /* Semantic tokens: meaning shared by all components. */
  --vr-color-text: var(--vr-ink);
  --vr-color-text-muted: var(--vr-muted);
  --vr-color-surface: var(--vr-paper);
  --vr-link-color: var(--vr-accent-dark);
  --vr-link-visited-color: var(--vr-accent-dark);
  --vr-link-hover-color: var(--vr-accent);
  --vr-link-on-dark-color: var(--vr-paper);
  --vr-link-on-dark-hover-color: var(--vr-on-dark);
  --vr-link-underline-offset: .18em;
  --vr-link-underline-thickness: .08em;
  --vr-focus-ring-color: var(--vr-focus);
  --vr-focus-ring-width: 3px;
  --vr-focus-ring-offset: 3px;
  --vr-control-min-size: 2.75rem;

  /* Component tokens: one edit updates every button. */
  --vr-button-color: var(--vr-paper);
  --vr-button-background: var(--vr-accent-dark);
  --vr-button-background-hover: var(--vr-accent);
  --vr-button-background-disabled: var(--vr-line);
  --vr-button-color-disabled: var(--vr-muted);
  --vr-button-border-color: var(--vr-accent-dark);
  --vr-button-border-width: var(--vr-border-width);
  --vr-button-radius: var(--vr-radius-sm);
  --vr-button-font-size: var(--vr-text-nav);
  --vr-button-font-weight: var(--vr-weight-semibold);
  --vr-button-line-height: var(--vr-leading-compact);
  --vr-button-padding-inline: var(--vr-space-4);
  --vr-button-shadow: none;
  --vr-button-disabled-opacity: .72;
}