/* ============================================================
   LAEZ · Color
   The palette is drawn from the brand's own swatch file
   (Paleta Laez.ase). Names are the originals; hex values are the
   on-screen sRGB sampled from the master Color Chart.
   A warm, earthy spine (black → espresso → clay → stone → pearl)
   with three "course" accents pulled from the golf landscape
   (green, sky, grass).
   ============================================================ */
:root {
  /* ---------- Brand palette (named originals) ---------- */
  --laez-black:    #151515; /* Negro Laez   — the ink */
  --laez-espresso: #260c0b; /* Café Oscuro  — deep oxblood-coffee */
  --laez-clay:     #58483b; /* Arcilla      — saddle brown */
  --laez-stone:    #808076; /* Gris Laez    — the wordmark's warm gray */
  --laez-green:    #6f8658; /* Verde Laez   — muted olive */
  --laez-grass:    #57973e; /* Grass        — bright fairway accent */
  --laez-sky:      #73a1b1; /* Light Sky    — dusty lake blue */
  --laez-sage:     #d0d5ce; /* Modern Gray  — pale sage */
  --laez-pearl:    #efebe2; /* Nácar        — warm cream */
  --laez-white:    #ffffff; /* Blanco */

  /* ---------- Warm neutral ramp ----------
     Tuned around Stone (#808076) so greys read warm, never blue. */
  --neutral-0:   #ffffff;
  --neutral-50:  #f7f5ef;
  --neutral-100: #efebe2; /* = pearl */
  --neutral-200: #e3dfd3;
  --neutral-300: #cfc9bb;
  --neutral-400: #aaa492;
  --neutral-500: #808076; /* = stone */
  --neutral-600: #69655c;
  --neutral-700: #4c4842;
  --neutral-800: #312e2a;
  --neutral-900: #1f1d1a;
  --neutral-950: #151515; /* = black */

  /* ---------- Semantic · surfaces ---------- */
  --surface-page:   var(--neutral-0);   /* default canvas */
  --surface-cream:  var(--laez-pearl);  /* warm section break */
  --surface-sage:   var(--laez-sage);   /* cool section break */
  --surface-ink:    var(--laez-black);  /* dark sections / footer */
  --surface-raised: var(--neutral-0);   /* cards on cream */
  --surface-sunken: var(--neutral-50);  /* wells, inputs */

  /* ---------- Semantic · text ---------- */
  --text-strong:  var(--laez-black);    /* headlines */
  --text-body:    #3b3833;              /* paragraphs */
  --text-muted:   var(--neutral-500);   /* captions, meta */
  --text-faint:   var(--neutral-400);   /* placeholders, disabled */
  --text-on-dark: var(--laez-pearl);    /* on ink surfaces */
  --text-on-dark-muted: #a8a89c;        /* secondary on ink */

  /* ---------- Semantic · lines ---------- */
  --border-subtle: #e6e2d8;             /* hairlines on light */
  --border-default:#d8d3c7;
  --border-strong: var(--neutral-400);
  --border-ink:    var(--laez-black);
  --border-on-dark: rgba(239, 235, 226, 0.18);

  /* ---------- Semantic · action ---------- */
  --action-ink:        var(--laez-black);   /* primary button fill */
  --action-ink-hover:  #000000;
  --action-on-ink:     var(--laez-pearl);
  --action-quiet:      transparent;         /* secondary / ghost */
  --focus-ring:        var(--laez-sky);

  /* ---------- Semantic · accents (use sparingly) ---------- */
  --accent-green: var(--laez-green);
  --accent-grass: var(--laez-grass);
  --accent-sky:   var(--laez-sky);
  --accent-clay:  var(--laez-clay);

  /* ---------- Status ---------- */
  --status-sale:    var(--laez-espresso); /* "30% off", "You save" */
  --status-success: var(--laez-grass);
  --status-info:    var(--laez-sky);
}