/* ============================================================
   COLORS — Casa La Fuente
   A warm Andalusian palette: sun-baked terracotta, espresso brown,
   ivory & sand neutrals.
   ============================================================ */
:root {
  /* --- Brand / accent (terracotta — the sun & clay of Andalusía) --- */
  --clay-900: #7a4a22;
  --clay-700: #a9622f;
  --clay-600: #c4844a;
  --clay-500: #cf9560;
  --clay-300: #e2b98c;
  --clay-100: #f2ddc6;

  /* --- Espresso (ink / dark surfaces) --- */
  --espresso-900: #2a1e10;
  --espresso-700: #46351f;
  --espresso-500: #73553a;
  --espresso-400: #8a7358;
  --espresso-300: #a8967f;

  /* --- Neutrals (paper & sand) --- */
  --ivory:   #fdfbf7;
  --card:    #fefaf6;
  --sand-50: #f6efe4;
  --sand-100:#efe8dc;
  --sand-200:#e6dccc;
  --line:    #ece2d4;

  /* --- Cool accent (from the brand mark — steel blue, used sparingly) --- */
  --sea-600: #5a7397;
  --sea-400: #8ba3c0;

  /* --- Semantic aliases --- */
  --bg-page: var(--ivory);
  --bg-card: var(--card);
  --bg-panel: var(--sand-100);
  --bg-inverse: var(--espresso-900);

  --text-heading: var(--espresso-900);
  --text-body: var(--espresso-500);
  --text-muted: var(--espresso-300);
  --text-on-inverse: var(--card);
  --text-on-inverse-muted: var(--clay-300);

  --accent: var(--clay-600);
  --accent-strong: var(--clay-700);
  --accent-soft: var(--clay-300);

  --border: var(--line);
  --border-panel: var(--sand-200);
  --rule: var(--clay-600);

  --focus-ring: var(--clay-600);
}