/* HomePilot shared foundation. Tokens only: no global element restyling. */
:root {
  --hp-navy: #020914;
  --hp-surface: #061529;
  --hp-surface-raised: #0c2844;
  --hp-gold: #d7b55f;
  --hp-gold-light: #f1d989;
  --hp-text: #f8f5ec;
  --hp-muted: #b7c2d1;
  --hp-border: rgba(255,255,255,.16);
  --hp-border-accent: rgba(215,181,95,.38);
  --hp-success: #86d5b0;
  --hp-warning: #f1d989;
  --hp-danger: #ffa6a6;
  --hp-info: #a8cfff;
  --hp-font-display: Georgia, "Times New Roman", serif;
  --hp-font-ui: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --hp-space-1: .25rem;
  --hp-space-2: .5rem;
  --hp-space-3: .75rem;
  --hp-space-4: 1rem;
  --hp-space-6: 1.5rem;
  --hp-space-8: 2rem;
  --hp-space-12: 3rem;
  --hp-radius-sm: .5rem;
  --hp-radius-md: .875rem;
  --hp-radius-lg: 1.375rem;
  --hp-radius-pill: 999px;
  --hp-shadow: 0 16px 48px rgba(0,0,0,.3);
  --hp-shadow-gold: 0 8px 26px rgba(215,181,95,.18);
  --hp-focus: 0 0 0 3px var(--hp-navy), 0 0 0 5px var(--hp-gold-light);
}