/* Las Vegas Mold Testing design tokens. Custom properties only, no selectors except :root and @font-face. */

@font-face {
  font-family: "Bricolage Grotesque";
  font-style: normal;
  font-weight: 500 800;
  font-display: swap;
  src: url("../fonts/bricolage-grotesque-normal-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Public Sans";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("../fonts/public-sans-normal-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Public Sans";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/public-sans-italic-latin.woff2") format("woff2");
}

:root {
  /* Palette (all pairings logged in PROJECT.md contrast log) */
  --ink: #152022;
  --paper: #f7f5f0;
  --mineral: #e6ece8;
  --slate: #10363b;
  --teal-700: #1f5f5b;
  --teal-400: #6fae9f;
  --amber: #e2a33b;
  --amber-tint: #fbf1dc;
  --amber-dark: #7a4e0e;
  --muted: #4b5b5c;
  --on-dark-muted: #c4d3cf;
  --border: #73878a;
  --rule: #c9d3cf;

  /* Type */
  --font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  --font-body: "Public Sans", "Segoe UI", sans-serif;
  --step--1: clamp(0.84rem, 0.82rem + 0.1vw, 0.9rem);
  --step-0: clamp(1rem, 0.97rem + 0.15vw, 1.09rem);
  --step-1: clamp(1.2rem, 1.13rem + 0.35vw, 1.4rem);
  --step-2: clamp(1.44rem, 1.3rem + 0.7vw, 1.85rem);
  --step-3: clamp(1.73rem, 1.48rem + 1.25vw, 2.5rem);
  --step-4: clamp(2.07rem, 1.65rem + 2.1vw, 3.4rem);
  --step-5: clamp(2.4rem, 1.75rem + 3.3vw, 4.6rem);

  /* Space */
  --space-2xs: 0.375rem;
  --space-xs: 0.625rem;
  --space-s: 1rem;
  --space-m: 1.5rem;
  --space-l: clamp(2rem, 1.7rem + 1.5vw, 3rem);
  --space-xl: clamp(3rem, 2.4rem + 3vw, 5rem);
  --space-2xl: clamp(4rem, 3rem + 5vw, 7.5rem);
  --gutter: clamp(1rem, 0.6rem + 2vw, 2.5rem);
  --measure: 68ch;
  --wrap: 75rem;

  /* Shape */
  --radius-s: 4px;
  --radius-m: 10px;
  --radius-pill: 999px;

  /* Signature: specimen tag notch + perforation */
  --tag-notch: 14px;
  --perf: radial-gradient(circle, var(--paper) 3px, transparent 3.5px);
  --shadow-card: 0 1px 0 rgb(21 32 34 / 8%), 0 10px 30px -18px rgb(21 32 34 / 45%);
}