/* ==========================================================================
   Panhandle Productions — Design Tokens
   Imported by index.html. Lives in /public so Vite serves it as a static asset.
   ========================================================================== */

:root {
  /* --- Brand color (strict, from page 11 of brand book) ---------------- */
  --pp-orange:       #F19C2A;  /* CTAs ONLY. Never decorative. */
  --pp-orange-ink:   #C87D16;
  --pp-orange-soft:  #FBE4C0;

  --pp-teal:         #2A9D8E;
  --pp-teal-ink:     #1F7A6E;
  --pp-teal-soft:    #D2ECE8;

  --pp-marine:       #264653;
  --pp-marine-ink:   #17313B;
  --pp-marine-soft:  #DCE4E7;

  /* --- Neutrals ------------------------------------------------------- */
  --pp-paper:        #FAFAF7;
  --pp-paper-2:      #F2F1EC;
  --pp-card:         #FFFFFF;
  --pp-line:         #E4E2DB;
  --pp-line-strong:  #CFCCBF;

  --pp-ink:          #1C2B32;
  --pp-ink-2:        #3B4A51;
  --pp-ink-3:        #6B767C;
  --pp-ink-4:        #9AA3A7;

  --pp-success:      #2A9D8E;
  --pp-warning:      #D99B1F;
  --pp-danger:       #B3463A;

  /* --- Type ----------------------------------------------------------- */
  --pp-font-display: 'Biennale', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --pp-font-body:    'Biennale', 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --pp-font-mono:    ui-monospace, 'SF Mono', 'JetBrains Mono', 'Menlo', monospace;
}

/* Webfont — Biennale lives in /public/fonts. Drop the .otf files in there
   to enable; otherwise the system stack takes over.
@font-face {
  font-family: 'Biennale';
  src: url('/fonts/Biennale-Regular.otf') format('opentype');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Biennale';
  src: url('/fonts/Biennale-Bold.otf') format('opentype');
  font-weight: 700;
  font-display: swap;
}
*/