/* ==========================================================================
   HeckinGoodHousing – Design Tokens (from style guide)
   ========================================================================== */

:root {
  /* ---- Color Palette ---- */
  --color-deep-navy:   #123A56;
  --color-warm-honey:  #F4D06F;
  --color-cozy-red:    #C8473A;
  --color-sky-blue:    #A7D8F0;
  --color-cream:       #FFF8E7;
  --color-charcoal:    #333333;

  /* Semantic aliases */
  --color-primary:     var(--color-deep-navy);
  --color-secondary:   var(--color-warm-honey);
  --color-accent:      var(--color-cozy-red);
  --color-accent-light:var(--color-sky-blue);
  --color-bg:          var(--color-cream);
  --color-text:        var(--color-charcoal);

  /* ---- Typography ---- */
  --font-headline:  'Fredoka One', cursive;
  --font-subheading:'Poppins', sans-serif;
  --font-body:      'Open Sans', sans-serif;

  /* ---- Spacing ---- */
  --space-xs:  0.25rem;
  --space-sm:  0.5rem;
  --space-md:  1rem;
  --space-lg:  2rem;
  --space-xl:  3rem;
  --space-2xl: 5rem;

  /* ---- Radii ---- */
  --radius-sm:  0.5rem;
  --radius-md:  1rem;
  --radius-lg:  1.5rem;
  --radius-pill: 50rem;

  /* ---- Shadows ---- */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
  --shadow-hover:0 4px 20px rgba(0, 0, 0, 0.12);

  /* ---- Layout ---- */
  --max-width: 1200px;
  --header-height: 72px;
}