/* Veloce typography v3. Shared by the landing, legal pages and public access. */
@font-face {
  font-family: "Sora";
  src: url("/fonts/sora-latin-v17.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

:root {
  --font-brand: "Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-body: var(--font-brand);
  --font-heading: var(--font-brand);
  --font-ui: var(--font-brand);
  --font-code: "Cascadia Code", "JetBrains Mono", "Fira Code", monospace;
  --font: var(--font-body);
  --display: var(--font-heading);

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-heading: 700;
  --weight-lead: 600;

  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 2rem;
  --text-4xl: 3rem;
  --text-5xl: 4rem;
  --text-6xl: 5rem;

  --type-hero: clamp(3.75rem, 4.25vw, 5rem);
  --type-section: clamp(2rem, 3.25vw, 3.5rem);
  --type-title: clamp(1.75rem, 2.4vw, 2.5rem);
  --type-subtitle: clamp(1.375rem, 1.6vw, 1.5rem);
  --type-lead: clamp(1.125rem, 1.4vw, 1.375rem);

  --leading-heading: 1.12;
  --leading-title: 1.3;
  --leading-body: 1.65;
  --leading-ui: 1.4;
  --tracking-heading: -.04em;
  --tracking-title: -.02em;
  --tracking-body: 0;
  --tracking-eyebrow: .08em;

  font-family: var(--font-body);
  font-synthesis: none;
  font-optical-sizing: auto;
  font-kerning: normal;
}

body {
  font-family: var(--font-body);
  font-weight: var(--weight-regular);
  font-size: var(--text-base);
  line-height: var(--leading-body);
  letter-spacing: var(--tracking-body);
}

button, input, select, textarea { font-family: var(--font-ui); }
h1, h2, h3, h4 { font-family: var(--font-heading); font-weight: var(--weight-heading); }
.brand { letter-spacing: -.04em; }
.brand span { text-transform: lowercase; }
strong, b { font-weight: var(--weight-bold); }
code, pre, kbd, samp { font-family: var(--font-code); }

@media (max-width: 760px) {
  :root { --type-hero: clamp(2.25rem, 9.6vw, 3.375rem); }
}