/* =========================================================
   DADDY O'S DINER — FONT SYSTEM  (refresh 2026)
   ---------------------------------------------------------
   SINGLE SOURCE OF TRUTH for fonts on the site.

   Headers always prefer Magneto (the diner's wordmark face)
   and fall back to a chrome-script lookalike if the user
   doesn't have Magneto installed.

   How it works:
   - Every text role has its own CSS variable below.
   - styles.css uses those variables — never font names.
   - Page-level overrides live further down.

   To install a real Magneto webfont (Adobe Fonts / licensed):
     1. Drop the @font-face block in the CUSTOM FONTS section.
     2. --font-hero / --font-display already reference
        "Magneto" first — it takes over automatically.
   ========================================================= */


/* === GOOGLE FONTS IMPORT =================================
   - Monoton, Sonsie One, Limelight: chrome-script style
                  fallbacks for Magneto
   - Bebas Neue:  condensed sans for nav/buttons (diner sign)
   - Oswald:      sturdier alternate for menu items
   - Lora:        warm serif for body
   - Special Elite: typewriter accent (kickers, receipts)
   - Smokum:      slab-condensed Western — adds road-sign vibe
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Monoton&family=Sonsie+One&family=Bebas+Neue&family=Oswald:wght@400;500;700&family=Lora:ital,wght@0,400;0,600;1,400&family=Special+Elite&family=Limelight&family=Smokum&display=swap');


/* === CUSTOM FONTS (optional) =============================
   If a real Magneto webfont is licensed, drop the
   @font-face block here. The hero/display variables
   already list "Magneto" first — no other changes needed.
   ========================================================= */


/* === GLOBAL FONT VARIABLES ===============================
   Every variable below controls one text role.
   ========================================================= */
:root{

  /* --- Display fonts (big, decorative) --- */
  --font-hero:       'Magneto', 'Sonsie One', 'Monoton', cursive;
  --font-display:    'Magneto', 'Sonsie One', 'Monoton', cursive;
  --font-script:     'Sonsie One', 'Limelight', cursive;
  --font-roadsign:   'Smokum', 'Limelight', serif;

  /* --- UI / structural fonts --- */
  --font-headline:   'Bebas Neue', 'Impact', sans-serif;
  --font-nav:        'Bebas Neue', 'Impact', sans-serif;
  --font-button:     'Bebas Neue', 'Impact', sans-serif;

  /* --- Body / readable fonts --- */
  --font-body:       'Lora', Georgia, serif;
  --font-accent:     'Special Elite', 'Courier New', monospace;

  /* --- Specialized roles --- */
  --font-stat:       'Magneto', 'Sonsie One', 'Monoton', cursive;
  --font-menu-item:  'Oswald', 'Bebas Neue', 'Impact', sans-serif;
  --font-menu-price: 'Special Elite', 'Courier New', monospace;
  --font-footer:     'Special Elite', 'Courier New', monospace;
  --font-plate:      'Oswald', 'Bebas Neue', sans-serif;   /* license-plate framed text */
}


/* =========================================================
   PER-PAGE FONT OVERRIDES
   ========================================================= */
body.page-kindness {
  /* Kindness page leans on Monoton — a softer, lit-marquee
     feel that fits the community-driven content. */
  --font-hero:      'Monoton', cursive;
  --font-display:   'Monoton', cursive;
  --font-script:    'Monoton', cursive;
  --font-stat:      'Monoton', cursive;
}

body.page-menu {
  /* Menu page leans more typewriter-receipt. */
  --font-display:   'Magneto', 'Sonsie One', 'Monoton', cursive;
}