/* Hallmark v2.0.0 | theme: wayfind (dealt 1/3, seed student-portfolio-platform-claim-d434) | genre: modern-minimal | shape: Station Sequence | hero: Stage, head left, board right | nav: edge-aligned wordmark, four links, one action | footer: mast, the wordmark over one line of links | signature: a departures board of student addresses | posture: committed */
/* critique: the address is the product, so type is mono and every surface is a sign; amber only reads on ink; no numbers, quotes or logos were supplied and none are shown. */

@font-face {
  font-family: "Chivo Mono";
  src: url("/assets/fonts/chivo-mono.woff2") format("woff2");
  font-weight: 400 800;
  font-display: swap;
}
@font-face {
  font-family: "Chivo";
  src: url("/assets/fonts/chivo.woff2") format("woff2");
  font-weight: 400 700;
  font-display: swap;
}

:root {
  --paper: oklch(95.5% 0.006 250);
  --paper-2: oklch(91% 0.009 250);
  --paper-3: oklch(99.5% 0.005 250);
  --ink: oklch(16% 0.014 262);
  --ink-2: oklch(29% 0.014 262);
  --muted: oklch(45% 0.016 260);
  --rule: oklch(80% 0.011 250);
  --ink-rule: oklch(34% 0.014 262);
  --on-ink-muted: oklch(78% 0.012 255);
  --accent: oklch(51% 0.22 264);
  --accent-press: oklch(43% 0.2 264);
  --amber: oklch(81% 0.16 82);
  --accent-ink: oklch(99.5% 0.003 250);
  --focus: oklch(51% 0.22 264);
  --ok: oklch(46% 0.13 155);
  --ok-wash: oklch(94% 0.04 155);
  --danger: oklch(50% 0.19 28);
  --danger-wash: oklch(95% 0.03 28);

  --font-display: "Chivo Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  --font-body: var(--font-display);
  --font-text: "Chivo", ui-sans-serif, system-ui, sans-serif;

  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.1875rem;
  --text-h3: 1.5rem;
  --text-h2: clamp(2rem, 1.4rem + 2.2vw, 3rem);
  --text-h1: clamp(2.25rem, 1.5rem + 2.6vw, 3.5rem);
  --text-hero: clamp(2.5rem, 1.2rem + 4.4vw, 4.25rem);

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px;
  --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-14: 56px; --space-16: 64px; --space-24: 96px;

  --rule-hair: 1px;
  --rule-bar: 2px;
  --radius: 0;
  --shadow-float: 0 24px 40px -24px oklch(8% 0.01 260 / 0.6);
  --tracking-display: -0.03em;
  --container: 1240px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}