/* ------------------------------------------------------------------ */
/*  YeeHaul brand type system — for wireframes                         */
/*  Mirrors apps/web production setup (see apps/web/app/[locale]/      */
/*  layout.tsx) so designs preview with the real brand voice.          */
/*                                                                     */
/*  Heading: PP Right Slab Narrow  (condensed bold slab)               */
/*  Body:    PP Right Grotesk Casual (warm humanist)                   */
/*  Pixel:   PP Mondwest (bitmap accent — Oregon Trail moments)        */
/*                                                                     */
/*  All Pangram Pangram. Licensed for yeehaul.app.                     */
/* ------------------------------------------------------------------ */

@font-face {
  font-family: "PP Right Slab";
  src: url("/fonts/PPRightSlab-NarrowVariable.woff") format("woff-variations"),
       url("/fonts/PPRightSlab-NarrowVariable.woff") format("woff");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Right Grotesk";
  src: url("/fonts/PPRightGrotesk-CasualVariable.woff2") format("woff2-variations"),
       url("/fonts/PPRightGrotesk-CasualVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Mondwest";
  src: url("/fonts/PPMondwest-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Mondwest";
  src: url("/fonts/PPMondwest-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-heading: "PP Right Slab", Georgia, "Times New Roman", serif;
  --font-body:    "PP Right Grotesk", ui-sans-serif, system-ui, sans-serif;
  --font-pixel:   "PP Mondwest", ui-monospace, "Courier New", monospace;

  /* Brand palette — burnt orange / cream / dark chocolate */
  --brand:        #c2410c;
  --brand-dark:   #8a2c05;
  --brand-tint:   #fbe8d2;

  --cream:        #f1e7cc;
  --cream-lt:     #faf3dc;
  --paper:        #fbf5dd;
  --paper-warm:   #fcf8e5;

  --ink:          #22170a;
  --ink-soft:     #3d2c17;
  --ink-sub:      #5a4526;
  --muted:        #8a7548;
  --faint:        #b9a572;

  --rule:         #d9c79a;
  --rule-lt:      #e8d9ac;
}