/* ============================================================
   TRES elementos — Color tokens
   Source: brand book "TRES ELEMENTOS - FINAL.pdf" (Cuarta Casa, Concepto Dos)
   Base palette is a warm, muted neutral scale — no accent/brand color.
   Sophistication comes from restraint, not saturation.
   ============================================================ */

:root {
  /* ---- Base palette (exact brand book values) ---- */
  --khaki: #BEA893;         /* RGB 190,168,147 */
  --umber: #715E4F;         /* RGB 113,94,79 */
  --linen: #F1E8DD;         /* RGB 241,232,221 */
  --eerie-black: #202020;   /* RGB 32,32,32 */
  --white: #FFFFFF;
  --black: #000000;

  /* ---- Extended neutral ramp (derived via oklch, same hue family as umber/khaki) ---- */
  --umber-10: #F5F1ED;
  --umber-20: #E7DDD3;
  --umber-40: #C9B49E;
  --umber-60: #A78968;
  --umber-80: #715E4F;
  --umber-90: #4A3E34;

  /* ---- Semantic surface ---- */
  --surface-primary: var(--linen);
  --surface-inverse: var(--eerie-black);
  --surface-card: var(--white);
  --surface-muted: var(--umber-10);
  --surface-line: var(--umber-20);

  /* ---- Semantic text ---- */
  --text-primary: var(--eerie-black);
  --text-secondary: var(--umber);
  --text-on-dark: var(--linen);
  --text-muted: var(--umber-60);

  /* ---- Semantic accent (khaki/umber stand in for brand accent — no separate hue) ---- */
  --accent: var(--khaki);
  --accent-strong: var(--umber);

  /* ---- Borders ---- */
  --border-subtle: var(--umber-20);
  --border-strong: var(--umber);
}