/* Brand tokens. Color values are verbatim from
   groovy-gravy-site/src/styles/tokens.css — diff the two files each release.
   RULE (a11y + design-lead §2.2): ink text on every brand color. Cream/white text only on ink. */

@font-face {
  font-family: "Boogie School Serif";
  src: url("../fonts/BoogieSchoolSerif.woff2") format("woff2");
  font-display: swap;
}
@font-face { font-family: "Poppins"; font-weight: 400; src: url("../fonts/poppins-400.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Poppins"; font-weight: 500; src: url("../fonts/poppins-500.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Poppins"; font-weight: 600; src: url("../fonts/poppins-600.woff2") format("woff2"); font-display: swap; }
@font-face { font-family: "Poppins"; font-weight: 700; src: url("../fonts/poppins-700.woff2") format("woff2"); font-display: swap; }

:root {
  --cream: #fefee1;
  --white: #ffffff;
  --ink: #221a11;

  --blue: #3194fc;
  --orange: #ed7401;
  --green: #57b885;
  --lime: #d0fc07;
  --pink: #fc7adc;
  --coral: #fc615c;

  /* Three paper tints (not brand colors; never carry meaning) */
  --cloth: #fff8d6;     /* the strung cloth banner */
  --chalk: #e7e4c6;     /* body text on the ink sandwich board: 13.6:1 */
  --disabled: #e9e6cf;  /* disabled control fill */

  --ink-60: #6b6459;
  --ink-on-dark: #fefee1;

  --disp: "Boogie School Serif", "Cooper Black", Georgia, serif;
  --body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  --r-sign: 6px;
  --r-banner: 10px;
  --r-input: 12px;
  --r-card: 18px;
  --r-hero: 24px;
  --r-pill: 999px;

  --sh-1: 3px 3px 0 var(--ink);
  --sh-2: 5px 5px 0 var(--ink);
  --sh-press: 2px 2px 0 var(--ink);
  --sh-scrim: 0 12px 40px rgba(34, 26, 17, 0.35);
  --line-2: 2px solid var(--ink);
  --line-3: 3px solid var(--ink);

  --gutter: 16px;
  --nav-h: 60px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 414px) {
  :root { --gutter: 20px; }
}