/* Eskala Residence — Colour tokens
   Source: 01-EskalaBrandGuideline.pdf §4.1 Primary Color Palette.
   Warm, natural, architectural. Ivory grounds everything; maroon is the
   single confident accent; terracotta + sandstone are warm supporting
   tones; navy is a rare deep accent. */

:root{
  /* ---- Brand raw palette (guideline names) ---- */
  --pearl-ivory:#FAF8EA;   /* lightest ground */
  --warm-beige:#F2EAD8;    /* secondary ground / cards */
  --sandstone:#C9B7A6;     /* warm neutral, hairlines, muted text */
  --terracotta:#793921;    /* warm brown accent */
  --maroon-red:#792124;    /* primary accent — CTAs, logo */
  --navy-blue:#1A2751;     /* deep accent, sparingly */

  /* Warm brown text family derived from terracotta for readable copy */
  --espresso:#3D2D28;      /* near-black warm brown, primary text */
  --cocoa:#5A463E;         /* secondary text */
  --taupe:#8C7A6E;         /* tertiary / captions */

  /* Tints for surfaces & states */
  --maroon-dark:#5E1A1C;   /* hover / pressed maroon */
  --maroon-tint:#F0E2DF;   /* faint maroon wash */
  --beige-deep:#EAE0CF;    /* deeper beige divider */
  --ivory-warm:#F8F3EA;    /* warm ivory (brochure ground) */

  /* ---- Semantic aliases (use these in product) ---- */
  --bg-page:var(--ivory-warm);
  --bg-raised:var(--pearl-ivory);
  --surface-card:var(--warm-beige);
  --surface-card-alt:var(--pearl-ivory);
  --surface-inverse:var(--maroon-red);
  --surface-inverse-deep:var(--navy-blue);

  --text-primary:var(--espresso);
  --text-secondary:var(--cocoa);
  --text-muted:var(--taupe);
  --text-on-dark:var(--pearl-ivory);
  --text-accent:var(--maroon-red);

  --accent:var(--maroon-red);
  --accent-hover:var(--maroon-dark);
  --accent-soft:var(--maroon-tint);
  --accent-warm:var(--terracotta);

  --border-hairline:var(--sandstone);
  --border-soft:var(--beige-deep);
  --divider:var(--beige-deep);

  --focus-ring:color-mix(in srgb,var(--maroon-red) 45%,transparent);
}