/* ==========================================================================
   OROS HOME — COLOR TOKENS
   Source: Oros_Brand_Guide_v2.pdf, section 03 — Color
   ========================================================================== */

:root {
  /* ---- Primary palette ---- */
  --color-hospitality-white: #E2D9D0;
  --color-black: #282828;
  --color-mountain-grey: #D6D6D6;
  --color-brass-gold: #A07840; /* foil — hairlines, rules, active states ONLY. Never a filled area. */

  /* ---- Secondary / accent — inspired by the pearl ---- */
  --color-candle-cream: #F5EFE8;
  --color-warm-sand: #D9C4A8;
  --color-dusk-rose: #C4A898;
  --color-stone: #B8B0A4;
  --color-ember: #8C6858;

  /* ---- Pure values used sparingly for contrast/utility (not in brand guide, derived) ---- */
  --color-white: #FFFFFF;

  /* =====================================================================
     SEMANTIC ALIASES
     ===================================================================== */

  /* Surfaces */
  --surface-page: var(--color-hospitality-white);
  --surface-raised: var(--color-candle-cream);
  --surface-card: var(--color-candle-cream);
  --surface-inverse: var(--color-black);
  --surface-sunken: var(--color-warm-sand);

  /* Text */
  --text-primary: var(--color-black);
  --text-secondary: #5A5450;
  --text-muted: #948C84;
  --text-on-inverse: var(--color-candle-cream);
  --text-on-inverse-muted: #B4ABA1;

  /* Borders / hairlines */
  --border-hairline: rgba(40, 40, 40, 0.12);
  --border-hairline-on-inverse: rgba(245, 239, 232, 0.16);
  --border-foil: var(--color-brass-gold);

  /* Foil / gold — reserved strictly for hairlines, active-state indicators,
     the summit-horizon motif, and the ὄρος glyph. Never a filled surface. */
  --foil-gold: var(--color-brass-gold);

  /* Interactive states */
  --state-hover-overlay: rgba(40, 40, 40, 0.06);
  --state-hover-overlay-on-inverse: rgba(245, 239, 232, 0.10);
  --state-press-overlay: rgba(40, 40, 40, 0.12);
  --state-active-indicator: var(--color-brass-gold);
  --state-focus-ring: var(--color-brass-gold);

  /* Accent mapping (secondary palette used for scent/vessel variants, tags) */
  --accent-sand: var(--color-warm-sand);
  --accent-rose: var(--color-dusk-rose);
  --accent-stone: var(--color-stone);
  --accent-ember: var(--color-ember);
}