/*
 * Andaluza de Inmobiliaria — Design tokens
 * Source of truth for the visual language. Extracted faithfully from the
 * Claude Design handoff (Fase 0 — Sistema visual). These become the WP theme's
 * root variables later; nothing here is framework-specific.
 */
:root {
  /* ---- Brand color ---- */
  --adi-navy:        #09345F; /* primary — headings, header, footer */
  --adi-navy-hover:  #0C2C4F; /* navy button hover */
  --adi-teal:        #007C69; /* CTAs and primary actions */
  --adi-teal-hover:  #006557;
  --adi-gold:        #B9944D; /* accent, used sparingly */
  --adi-gold-hover:  #A8843F;
  --adi-slate:       #476278; /* secondary text, icons */
  --adi-gray:        #AFBDCB; /* borders, text over navy */
  --adi-ink:         #1E2A36; /* body copy */
  --adi-white:       #FFFFFF; /* cards and surfaces */
  --adi-bg:          #F4F6F8; /* page background */

  /* ---- Neutrals / support ---- */
  --adi-muted:       #7E8FA0; /* tertiary captions */
  --adi-img-bg:      #E7ECF1; /* photo slot placeholder */
  --adi-mint-bg:     #EAF4F1; /* soft success surface ("Nuevo") */
  --adi-mint-fg:     #006557;
  --adi-foot-fg:     #D9E2EC; /* footer body text on navy */
  --adi-foot-muted:  #8FA3B6; /* footer legal text */

  /* ---- Hairlines (navy at low alpha — the recurring border) ---- */
  --adi-line:        rgba(9, 52, 95, 0.08);
  --adi-line-2:      rgba(9, 52, 95, 0.12);
  --adi-line-strong: rgba(9, 52, 95, 0.15);

  /* ---- Typography ---- */
  --adi-font-serif: "Newsreader", Georgia, serif;        /* headlines, prices */
  --adi-font-sans:  "Mulish", system-ui, sans-serif;     /* UI, body, data */

  /* type scale (px values from the styleguide) */
  --adi-fs-display: 52px;
  --adi-fs-h1:      38px;
  --adi-fs-h2:      30px;
  --adi-fs-h3:      22px;
  --adi-fs-body:    16px;
  --adi-fs-small:   13px;

  /* ---- Spacing — 4px base scale ---- */
  --adi-sp-1:  4px;
  --adi-sp-2:  8px;
  --adi-sp-3:  12px;
  --adi-sp-4:  16px;
  --adi-sp-6:  24px;
  --adi-sp-8:  32px;
  --adi-sp-12: 48px;
  --adi-sp-14: 56px;
  --adi-sp-16: 64px;

  /* ---- Radii ---- */
  --adi-r-sm:    8px;  /* small controls */
  --adi-r-btn:   10px; /* buttons */
  --adi-r-md:    12px;
  --adi-r-card:  16px; /* property cards */
  --adi-r-panel: 20px; /* large panels */
  --adi-r-pill:  999px;

  /* ---- Elevation ---- */
  --adi-shadow-card:       0 1px 2px rgba(9, 52, 95, 0.05);
  --adi-shadow-card-hover: 0 16px 40px rgba(9, 52, 95, 0.14);
  --adi-shadow-cta:        0 2px 12px rgba(0, 124, 105, 0.30);
  --adi-shadow-cta-soft:   0 2px 10px rgba(0, 124, 105, 0.28);

  /* ---- Layout ---- */
  --adi-container: 1200px; /* header/footer/page width */
  --adi-container-narrow: 1100px; /* reading-width sections */
  --adi-header-h: 74px;
}