/* Ringup craft-elevation, shared across every page (2026-07).
   Retargets both the Ploy token system and the custom --sans/--accent system,
   so a single <link> makes any page match the brand: Fraunces display,
   Hanken Grotesk body, JetBrains Mono eyebrows, deep ink-blue accent. */

@font-face{font-family:"Fraunces";src:url(/_ploy_static/fonts/fraunces.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/_ploy_static/fonts/hanken.woff2) format("woff2");font-weight:300 800;font-style:normal;font-display:swap}

/* Type + accent tokens for BOTH systems */
:root,.light,html{
  --font-heading:"Fraunces",Georgia,serif;
  --font-body:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  --ploy-accent-primary:oklch(50% .16 258);
  --sans:"Hanken Grotesk",system-ui,-apple-system,sans-serif;
  --accent:oklch(50% .16 258);
  --accent-hex:#2450C8;
}

/* Body copy -> Hanken (beats inline Inter with !important; both systems) */
body{font-family:"Hanken Grotesk",system-ui,-apple-system,sans-serif!important}

/* Headings -> Fraunces on both systems (.font-heading is Ploy; h1-h3 is the custom system) */
.font-heading,h1,h2,h3{font-family:"Fraunces",Georgia,serif!important;font-optical-sizing:auto}

/* Primary CTA carries the accent (Ploy pages) */
a[href="#access"],a[href="/#access"]{background:var(--ploy-accent-primary)!important;color:#fff!important;border-color:var(--ploy-accent-primary)!important;transition:filter .15s ease,transform .12s ease}
a[href="#access"]:hover,a[href="/#access"]:hover{filter:brightness(1.09)}

/* Accent focus rings everywhere */
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ploy-accent-primary,#2450C8);outline-offset:2px;border-radius:3px}