/* Ma’at shared site palette. Include this after each page’s local styles. */
:root {
  color-scheme: light;
  --maat-purple: #4B0082;
  --maat-purple-dark: #35005C;
  --maat-purple-ink: #241039;
  --maat-gold: #CFB53B;
  --maat-gold-line: #B39A43;
  --maat-paper: #FFFCF4;
  --maat-soft-gold: #FAF6E8;
  --ink: var(--maat-purple-ink);
  --gold: var(--maat-gold);
  --sand: var(--maat-gold);
  --red: var(--maat-purple);
  --green: var(--maat-purple);
  --cream: var(--maat-paper);
  --papyrus: var(--maat-soft-gold);
  --line: #D9CB91;
  --muted: #605469;
}
body { background: var(--maat-paper) !important; color: var(--maat-purple-ink) !important; }
header {
  background: var(--maat-purple) !important;
  color: #fff !important;
  border-bottom: 3px solid var(--maat-gold) !important;
}
header a { color: #fff !important; }
header nav a:hover, header nav a[aria-current="page"] { color: var(--maat-gold) !important; }
header nav a[aria-current="page"] { text-decoration: underline; text-underline-offset: 6px; }
.hero, .book-hero, .catalog-hero, .product-hero, .bundle, .cta, .contact {
  background: linear-gradient(125deg, var(--maat-purple-dark), var(--maat-purple)) !important;
  color: #fff !important;
}
.hero h1, .hero h2, .book-hero h1, .book-hero h2, .catalog-hero h1, .catalog-hero h2,
.product-hero h1, .product-hero h2, .bundle h2, .cta h2, .contact h2 { color: #fff !important; }
.hero p, .book-hero p, .catalog-hero p, .product-hero p, .bundle p, .cta p, .contact p { color: #FAF6E8 !important; }
.eyebrow, .hero .price, .bundle .price, .hero-card h3 { color: var(--maat-gold) !important; }
h2, h3, .section-title, .price, .rst-price, .edition, .rst-level { color: var(--maat-purple) !important; }
.btn, a.btn, button, input[type="submit"], .sample-link {
  background: var(--maat-purple) !important;
  color: #fff !important;
  border: 1px solid var(--maat-gold) !important;
  border-bottom: 3px solid var(--maat-gold) !important;
}
.btn:hover, a.btn:hover, button:hover, .sample-link:hover {
  background: var(--maat-gold) !important;
  color: var(--maat-purple-ink) !important;
}
.btn.secondary, .btn.outline { background: var(--maat-soft-gold) !important; color: var(--maat-purple) !important; }
.card, .rst-card, .poster, .price-card, .unit, .feature, .note, .sequence {
  border-color: var(--maat-gold-line) !important;
}
.card, .rst-card, .poster, .price-card, .unit { border-top: 3px solid var(--maat-gold) !important; }
.band, .note, .poster-image, .sequence, .maat-purchase-policy { background: var(--maat-soft-gold) !important; }
.band h2, .band h3, .note, .sequence { color: var(--maat-purple-ink) !important; }
th { background: var(--maat-purple) !important; color: #fff !important; border-bottom-color: var(--maat-gold) !important; }
tbody th { background: var(--maat-soft-gold) !important; color: var(--maat-purple-ink) !important; }
td, th { border-color: #D9CB91 !important; }
footer { background: var(--maat-purple-dark) !important; color: #FAF6E8 !important; border-top: 3px solid var(--maat-gold) !important; }
footer a { color: var(--maat-gold) !important; }
main a:not(.btn):not(.sample-link):hover { text-decoration: underline; text-underline-offset: 3px; }
:focus-visible { outline: 3px solid var(--maat-purple) !important; outline-offset: 4px; }
header :focus-visible, footer :focus-visible, .hero :focus-visible { outline-color: var(--maat-gold) !important; }
::selection { background: var(--maat-gold); color: var(--maat-purple-ink); }
input, textarea, select { accent-color: var(--maat-purple); }
@media print {
  body { background: #fff !important; color: #000 !important; }
  header, footer { background: #fff !important; color: var(--maat-purple) !important; }
  header a, footer a { color: var(--maat-purple) !important; }
}