/* ==========================================================================
   pthwyconnect.com — public design register (v2)
   Light-first marketing surface for Pathway Connection Solutions.
   Deliberately distinct from the internal Pathway product register
   (brain/aesthetics/brand-canon.md): that one stays on operator + product
   surfaces. Shared thread between registers: the gateway mark and the teal
   accent hue family.
   ========================================================================== */

:root {
  /* -- light ground -- */
  --paper: #FAFAF9;
  --paper-2: #F2F2ED;      /* alternating sections, tinted panels */
  --card: #FFFFFF;
  --line: #E5E5DF;         /* hairlines */
  --line-strong: #D6D6CE;

  /* -- ink on light -- */
  --ink: #141613;          /* headings + primary text (~16:1 on paper) */
  --ink-2: #45473F;        /* body secondary (~8.5:1) */
  --ink-3: #6D6F66;        /* metadata, mono labels (~5.2:1) */

  /* -- accent: one hue family across both registers -- */
  --accent: #0A6F5C;       /* deep teal, AA-safe as text on paper AND paper-2 (5.4:1+) */
  --accent-ink: #085F4F;   /* pressed / on tinted wash */
  --accent-wash: #E4F2EE;  /* tinted chip / highlight background */
  --accent-vivid: #33D9BD; /* on dark surfaces only (the product teal) */

  /* -- dark sections (contact, footer) -- */
  --dark: #101210;
  --dark-2: #181A17;
  --ink-on-dark: #F4F4F0;
  --dim-on-dark: #A6A89E;
  --line-on-dark: #2A2C28;

  /* -- status -- */
  --live: #0B7E69;
  --live-wash: #E4F2EE;
  --dev: #8A6A12;
  --dev-wash: #F5EED8;

  /* -- type -- */
  --font-display: "Space Grotesk", "Avenir Next", "Futura", sans-serif;
  --font-body: "Manrope", "Avenir", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", "Menlo", monospace;

  --text-xs: 0.75rem;      /* 12 — mono labels */
  --text-sm: 0.875rem;     /* 14 */
  --text-base: 1.0625rem;  /* 17 — body */
  --text-lead: 1.25rem;    /* 20 — ledes */
  --text-h3: 1.375rem;     /* 22 */
  --text-h2: clamp(1.75rem, 3.4vw, 2.5rem);
  --text-display: clamp(2.75rem, 6vw, 4.75rem);

  /* -- rhythm -- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 18px;
  --sp-5: 28px;
  --sp-6: 44px;
  --sp-7: 72px;
  --sp-8: 116px;

  /* -- shape + elevation (public register allows soft shadow) -- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 18px;
  --shadow-1: 0 1px 2px rgba(20, 22, 19, 0.05), 0 1px 1px rgba(20, 22, 19, 0.03);
  --shadow-2: 0 2px 4px rgba(20, 22, 19, 0.05), 0 12px 32px rgba(20, 22, 19, 0.07);

  /* -- motion -- */
  --dur: 200ms;
  --dur-slow: 360ms;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* -- webfonts (self-hosted, OFL, variable) -- */
@font-face {
  font-family: "Space Grotesk";
  src: url("../fonts/space-grotesk-var.woff2") format("woff2");
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/manrope-var.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/jetbrains-mono-var.woff2") format("woff2");
  font-weight: 100 800;
  font-display: swap;
}