/* A Touch of Blessings brand tokens used by the Book a Tour page.
   Values copied from brand/tokens.css v2.0 (2026-10-13): the live site has no brand
   folder, so the page carries its own copy. If the kit changes, change it there first, then here
   (tests/page.test.mjs fails when the two drift).
   Fonts are loaded by tour.html (<link> to Google Fonts, already allowed by the CSP).
   Gold #C9962B on white/cream is 2.7:1 and fails AA: icons, borders, rules, fills only. */
:root {
  --atob-purple: #5B2C8E;
  --atob-purple-deep: #462170;
  --atob-gold: #C9962B;
  --atob-gold-bright: #DBAB3A;
  --atob-gold-muted: #A67C1F;

  --atob-purple-wash: #F6F0FB;
  --atob-purple-mist: #EDE4F5;
  --atob-gold-wash: #FBF5E6;
  --atob-cream: #FFFAF2;
  --atob-white: #FFFFFF;
  --atob-charcoal: #1B1230;
  --atob-slate: #4A4458;
  --atob-muted: #7D7592;
  --atob-red: #D04848;

  --atob-grad-cta: linear-gradient(135deg, #5B2C8E 0%, #462170 100%);

  --atob-shadow-btn: 0 2px 12px rgba(91, 44, 142, 0.20);
  --atob-shadow-btn-hover: 0 4px 20px rgba(91, 44, 142, 0.28);
  --atob-shadow-card: 0 12px 40px rgba(91, 44, 142, 0.18);

  --atob-font-display: "Playfair Display", Georgia, serif;
  --atob-font-body: "DM Sans", system-ui, sans-serif;

  --atob-radius-btn: 8px;
  --atob-radius-card: 14px;
  --atob-radius-photo: 16px;
  --atob-radius-pill: 20px;

  --atob-content-max: 1000px;
  --atob-gutter: 24px;
  --atob-section-y: 72px;
  --atob-grid-gap: 20px;

  --atob-ease: cubic-bezier(0.16, 1, 0.3, 1);
  --atob-dur: 0.25s;
}

/* Eyebrow label, signature element. On purple, set color to var(--atob-gold-bright). */
.atob-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--atob-font-body);
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--atob-gold);
}
.atob-eyebrow::before {
  content: "";
  width: 24px;
  height: 1.5px;
  background: currentColor;
}