/*
Theme Name:  LAR 2026
Theme URI:   https://louisvilleappliance.repair/
Description: Louisville Appliance Repair 2026 rebuild. GeneratePress child theme with a template-parts/ component architecture, built as the incremental-migration target for the production `generatepress-child` theme. Not active in production until migration is complete.
Author:      Louisville Appliance Repair
Template:    generatepress
Version:     0.1.0
Text Domain: lar-2026
*/

/*
 * ─────────────────────────────────────────────────────────────
 *  This file intentionally carries ONLY the theme header + design
 *  tokens. The parent stylesheet is enqueued from functions.php
 *  (inc/enqueue.php), not @import-ed. Component and layout CSS
 *  lives in assets/css/theme.css and in the individual
 *  template-parts (inline, faithful to production).
 *
 *  DESIGN TOKENS
 *  CSS custom properties are SAFE here — the "no CSS variables"
 *  rule in CLAUDE.md applies to WordPress HTML *blocks* (Gutenberg
 *  content, where GeneratePress injects pseudo-element quotes and
 *  strips var()). In a theme stylesheet they cascade normally.
 *  Template-parts that render into page content still hardcode hex.
 * ─────────────────────────────────────────────────────────────
 */

:root {
  /* Brand palette (from CLAUDE.md — authoritative) */
  --lar-blue:        #145A8D;  /* brand blue   */
  --lar-blue-dark:   #0d4a72;  /* dark blue    */
  --lar-navy:        #0d2d4a;  /* navy         */
  --lar-star:        #FFC107;  /* review gold  */
  --lar-green:       #22c55e;  /* live/success */

  /* Neutrals */
  --lar-ink:         #1d2733;
  --lar-ink-soft:    #66758a;
  --lar-line:        rgba(20, 90, 141, .14);
  --lar-paper:       #ffffff;

  /* Rhythm */
  --lar-radius:      14px;
  --lar-radius-sm:   10px;
  --lar-wrap:        1100px;   /* readable content column */
  --lar-shadow:      0 4px 16px rgba(0, 0, 0, .07);
  --lar-shadow-lg:   0 8px 24px rgba(0, 0, 0, .11);
}