/* Owner's palette, 2 Oct 2026: rich Thai-airline-inspired purple with orange accents.
   Public-site layer; existing token names stay compatible with every page. */
:root {
  --ink-950: #3D165F;
  --ink-900: #461D69;
  --ink-800: #503367;
  --ink-700: #675774;
  --ink-500: #82718E;
  --ink-300: #C5B6D1;
  --sand-50: #FFFFFF;
  --sand-100: #F8F4FC;
  --sand-200: #E0D2EB;
  --sand-300: #FFB66D;
  --cyan-500: #6A329F;
  --cyan-600: #592286;
  --cyan-700: #4B1E83;
  --cyan-50: #F5EFFA;
  --cyan-100: #E7D8F2;
  --copper-500: #C4510A;
  --copper-600: #A43C00;
  --copper-50: #FFF0E3;
  --pastel-peach: #FFE4CA;
  --pastel-sage: #E8DEF2;
  --pastel-rose: #F2E4F6;
  --pastel-peach-dark: #C4510A;
  --pastel-sage-dark: #6A329F;
  --pastel-rose-dark: #8A4E9F;
  --navy: #3D165F;
  --sky: #6A329F;
  --coral: #C4510A;
  --pale-cyan: #E7D8F2;
  --muted: #675774;
}

.btn-copper:hover { box-shadow: 0 14px 28px -10px rgba(196,81,10,.4); }
.dot-cyan { box-shadow: 0 0 0 0 rgba(106,50,159,.4); }
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 rgba(106,50,159,.4); }
  100% { box-shadow: 0 0 0 14px rgba(106,50,159,0); }
}
/* Keep small section labels readable on light surfaces; orange remains the dark-hero accent. */
.eyebrow { color: var(--cyan-700); }
.hero-section .eyebrow,
section.text-white .eyebrow,
footer .eyebrow { color: var(--sand-300); }
:focus-visible { outline: 3px solid var(--cyan-500); outline-offset: 3px; }