/* ============================================================
   YĀTRĀ · Colour palette
   "In the quiet embrace of nature, the colours of YĀTRĀ come to
   life… warm browns and gentle greys ground us." — Brand Book
   Accents (clay, deep blue, charcoal) are used DELICATELY.
   ============================================================ */

:root {
  /* ---- Primary neutrals — the stone / sand foundation ---- */
  --stone-0:   #FFFFFF; /* pure, for floated cards on tinted page */
  --stone-50:  #EFF0F1; /* lightest cloud grey (brand primary) */
  --stone-100: #E7E6E3; /* paper */
  --stone-150: #E2E1DF; /* warm mist (brand primary) */
  --stone-200: #D1C7BF; /* warm taupe (brand primary) */
  --stone-300: #BFBCB8; /* warm grey (brand primary) */
  --stone-400: #A39E98; /* muted sand */
  --stone-500: #7E7872; /* driftwood */
  --stone-600: #5E5954; /* bark */

  /* ---- Ink — charcoal & the wordmark slate ---- */
  --ink-900:   #2E3742; /* wordmark slate (logo) */
  --ink-800:   #3B3A3B; /* charcoal (brand accent) */
  --ink-700:   #4A4845; /* soft charcoal */

  /* ---- Accents — used as quiet, uplifting punctuation ---- */
  --clay-600:  #8A3422; /* deep terracotta (hover/press) */
  --clay-500:  #A23E29; /* terracotta / East-Africa earth (brand accent) */
  --clay-200:  #D8B7A9; /* clay wash */
  --clay-50:   #F2E6DF; /* faint clay tint */

  --indigo-700:#27343F; /* deep blue, pressed */
  --indigo-600:#324354; /* deep blue (brand accent) */
  --indigo-100:#C7D0D8; /* sky wash */

  /* ---- Functional (muted to fit the palette) ---- */
  --sage-500:  #5F6F5A; /* success / available */
  --amber-500: #B07B3C; /* caution */
  --rust-500:  #9A4234; /* error (kin to clay) */

  /* ============================================================
     Semantic aliases — reference THESE in components
     ============================================================ */

  /* Surfaces */
  --surface-page:    var(--stone-150); /* default warm page */
  --surface-page-alt:var(--stone-50);  /* cooler section break */
  --surface-card:    var(--stone-0);
  --surface-raised:  #FBFAF8;          /* card on tinted page */
  --surface-sunken:  var(--stone-100);
  --surface-inverse: var(--ink-900);   /* dark sections */
  --surface-overlay: rgba(46, 55, 66, 0.42); /* scrim */

  /* Text */
  --text-primary:    var(--ink-800);
  --text-secondary:  var(--stone-600);
  --text-tertiary:   var(--stone-500);
  --text-on-dark:    var(--stone-50);
  --text-on-dark-dim:rgba(239, 240, 241, 0.66);
  --text-accent:     var(--clay-500);

  /* Lines & borders */
  --border-soft:     rgba(46, 55, 66, 0.10);
  --border-default:  rgba(46, 55, 66, 0.16);
  --border-strong:   rgba(46, 55, 66, 0.30);
  --border-on-dark:  rgba(239, 240, 241, 0.20);
  --hairline:        var(--stone-200);

  /* Interactive — quiet accents */
  --accent:          var(--clay-500);
  --accent-hover:    var(--clay-600);
  --accent-deep:     var(--indigo-600);
  --accent-deep-hover:var(--indigo-700);
  --focus-ring:      rgba(50, 67, 84, 0.45);

  /* Brand tiers */
  --signature:       var(--indigo-600); /* Signature Spa */
  --urban:           var(--clay-500);   /* Urban Spa */
}