/* Tiger Paws Tarot — full reference palette.
   Color roles: parchment for space, cobalt/indigo for depth, nebula violet
   and berry for emphasis, peach/tiger orange/gold for warmth and detail.
   Loaded after site.css so the palette can be maintained independently. */
:root {
  --ink: #0a142b;
  --navy: #132d55;
  --cobalt: #203f83;
  --indigo: #352758;
  --violet: #6b3e8c;
  --berry: #9b3569;
  --rose: #dca1b3;
  --lavender: #b79ed6;
  --peach: #f1bd91;
  --orange: #ce7029;
  --amber: #e4b05b;
  --gold: #86591b;
  --cream: #f7ecd6;
  --paper: #fff9ef;
  --panel: #f0e6ef;
  --text: #202942;
  --muted: #62576c;
  --accent: #773b80;
  --line: rgba(94, 60, 104, .24);
  --focus: #713680;
  color-scheme: light;
}

body { background: var(--cream); color: var(--text); }
img { height: auto; }
em { color: var(--accent); }
:focus-visible { outline-color: var(--focus); }
::selection { background: #ddbadc; color: #1d203f; }
.eyebrow, .text-link { color: var(--accent); }
.text-link:hover { border-color: var(--accent); }
.star, .celestial-icon { color: var(--gold); }
.skip-link { background: var(--cobalt); color: #fff7e9; }
.noscript-note { background: #ead1b0; color: #252344; }

/* Cream and multicolor lettering echo the light reference image. */
.site-header { background: #fcf5e9; border-bottom-color: #dbc7ae; }
.brand-symbol { color: #9d681f; }
.brand-name { color: var(--cobalt); }
.brand-name span { color: var(--cobalt); }
.navigation a[aria-current=page] { color: var(--berry); }
.navigation a:not(.button):after { background: var(--berry); }
.menu-toggle { color: var(--accent); border-color: #ba9cb1; }
.hero {
  background:
    radial-gradient(ellipse at 100% 4%, #e3d6f0 0%, transparent 40%),
    radial-gradient(ellipse at 0% 100%, #f4d5ba 0%, transparent 46%),
    #f7ecd6;
}
.hero-note { color: #695a6b; }
.hero .eyebrow { color: #853959; }
.paw-art img { left: 0; }
.hero-orbit { border-color: rgba(124, 72, 125, .23); }
.hero-orbit:after { color: #aa6422; background: #f7ecd6; }
.art-caption { color: #74446e; }
.hero h1 em { color: #7c396f; }

@supports (background-clip: text) or (-webkit-background-clip: text) {
  .brand-name {
    background: linear-gradient(115deg, #123d8c 5%, #61377f 44%, #a42d64 72%, #a75d18 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .brand-name span { -webkit-text-fill-color: #203f83; }
  .hero h1 em {
    background: linear-gradient(100deg, #2b3c86 3%, #743c89 39%, #a52f64 70%, #ab541f 98%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}

/* Actions are legible in both the light and jewel-toned sections. */
.button { background: var(--cobalt); color: #fff7e9; border-color: var(--cobalt); }
.button:hover { background: #403064; border-color: #403064; }
.button.secondary { background: transparent; color: var(--accent); border-color: var(--line); }
.button.secondary:hover { background: rgba(167, 86, 125, .09); border-color: var(--accent); }
.button.etsy {
  background: linear-gradient(115deg, #f1c574, #e59b45);
  color: #252344;
  border-color: #c98127;
  box-shadow: 0 0 0 4px rgba(221, 160, 71, .12);
}
.button.etsy:hover { background: linear-gradient(115deg, #f6d394, #efb365); }
.etsy-mark { border-right-color: #96602d; }

/* Local color variables keep small text readable on every dark surface. */
.ritual-strip, .quiet-section, .reading-card, .cta-panel, .site-footer, .sidebar-panel, dialog {
  --text: #fff3df;
  --muted: #e4dbe9;
  --gold: #f0c779;
  --accent: #f3d5e9;
  --line: rgba(237, 196, 136, .32);
  --focus: #f6d18c;
  color: var(--text);
  color-scheme: dark;
}
.ritual-strip {
  background: linear-gradient(105deg, #243d70, #513460 58%, #743b61);
  border-color: #8a6088;
}
.ritual-strip .container { color: #f5e7da; }
.ritual-strip .star { color: #edbf75; }
.reading-card {
  background: radial-gradient(ellipse at top right, #355e97, transparent 65%), #183965;
  border-color: #9d8cb0;
  border-top: 3px solid #b59ad2;
}
.reading-card:nth-child(2) {
  background: radial-gradient(ellipse at top right, #8d4b80, transparent 65%), #513362;
  border-color: #ae86ab;
  border-top-color: #e4a9b7;
}
.reading-card:nth-child(3) {
  background: radial-gradient(ellipse at top right, #975025, transparent 65%), #763f2e;
  border-color: #bd8d62;
  border-top-color: #f3c076;
}
.reading-card .number { color: #f6e6ef; }
.reading-card p { color: #f0e2e8; }
.reading-card .text-link { color: #ffe4b5; }
.reading-card:nth-child(2) .celestial-icon { color: #e0bee9; }
.reading-card:nth-child(3) .celestial-icon { color: #ffcc88; }
.wide-art { border-color: #bd9257; }

/* The dark artwork provides a counterpoint to the airy lilac About section. */
.about-section {
  background: radial-gradient(ellipse at 0% 100%, #e5c9dc, transparent 55%), #eee7f0;
}
.about-art { background: #091424; border-color: #b98b4b; }
.about-art-inner img { left: -100%; }
.about-copy .signature { color: #92365f; }
.quiet-section {
  background: radial-gradient(ellipse at 100% 100%, #6c386b 0%, transparent 56%), #17365d;
  border-color: #94739d;
}
.quiet-section .steps > div:nth-child(2) .step-number { color: #cfb1e4; }
.quiet-section .steps > div:nth-child(3) .step-number { color: #f4bd8e; }
.quiet-section .button:not(.secondary):not(.etsy),
.cta-panel .button:not(.secondary),
.sidebar-panel .button:not(.secondary) {
  background: #eac180;
  color: #272344;
  border-color: #eac180;
}
.quiet-section .button:not(.secondary):not(.etsy):hover,
.cta-panel .button:not(.secondary):hover,
.sidebar-panel .button:not(.secondary):hover { background: #f4d6a4; }

/* Cobalt, violet/rose, and orange repeat in the three journal illustrations. */
.light-section { background: #f8e4d5; color: #252a48; }
.light-section .eyebrow, .light-section .text-link { color: #823c6b; }
.light-section .section-heading > p, .light-section .muted { color: #65536b; }
.light-section .text-link { border-color: #be9ab1; }
.journal-image { background: linear-gradient(140deg, #183d75, #263b80 65%, #544775); }
.journal-image.purple { background: linear-gradient(140deg, #573477, #8c477f 75%, #b7738d); }
.journal-image.ochre { background: linear-gradient(140deg, #96441e, #be702d 65%, #e2a657); }
.journal-image svg { color: #fbe1a3; }
.journal-image.purple svg { color: #f1d1e8; }
.journal-image.ochre svg { color: #fff0cc; }
.journal-image:before, .journal-image:after { border-color: rgba(251, 219, 172, .4); }
.journal-meta { color: #81476c; }
.journal-card p { color: #65536b; }
.journal-card h3 { color: #342952; }
.filter-button { border-color: #ab7a9a; color: #6f3a6c; }
.filter-button[aria-pressed=true] { background: #693a79; border-color: #693a79; color: #fff7e9; }
.ethics-note { background: #eee5f2; }
.ethics-note h2 em { color: #933e72; }
.ethics-note .star { color: #b76c29; }
.cta-panel {
  background: radial-gradient(ellipse at 100% 100%, #984b4c, transparent 64%), #51345e;
  border-color: #bd8b89;
  margin-top: 60px;
}
.cta-panel em { color: #ffcf9c; }
.site-footer { background: linear-gradient(115deg, #0a172d, #1d2344 65%, #322441); border-color: #a27e86; }
.site-footer .brand-symbol { color: #edbd71; }
.site-footer .brand-name { background: none; color: #f0ca89; -webkit-text-fill-color: #f0ca89; }
.site-footer .brand-name span { color: #e6c9e5; -webkit-text-fill-color: #e6c9e5; }
.footer-links { color: #e0d3e4; }
.footer-bottom { color: #c8b9d3; }

/* Interior pages carry the same palette into long-form content and forms. */
.page-hero {
  background:
    radial-gradient(ellipse at 0% 0%, #ead0e1, transparent 53%),
    radial-gradient(ellipse at 100% 100%, #f3cfaa, transparent 53%),
    #eee5f3;
  border-color: #c9a7bb;
}
.page-hero h1 { color: #28345b; }
.page-hero h1 em { color: #883c78; }
.breadcrumbs a:hover { color: var(--berry); }
.policy-nav a { background: #fff7e9; color: #773b80; border-color: #b999b3; }
.policy-nav a:hover { background: #ead6e8; }
.prose a { color: #793f81; }
.prose a.button { color: #fff7e9; }
.prose h2 { color: #3b3267; }
.prose h3 { color: #7b396e; }
.prose blockquote { background: #eaddf0; border-left-color: #a04d7c; color: #492f65; }
.sidebar-panel {
  background: linear-gradient(145deg, #413268, #623c70 70%, #864b75);
  border-color: #ad89b2;
}
.sidebar-panel .notice { background: rgba(255, 223, 191, .07); }
.form-shell { background: #fff9ef; border-color: #b89caf; border-top: 3px solid #9a629b; }
.field input, .field textarea, .field select {
  background: #fffdf8;
  color: #252c46;
  border-color: #8f7c93;
  color-scheme: light;
}
.field input:focus, .field textarea:focus, .field select:focus { border-color: #793f81; }
.field input::placeholder, .field textarea::placeholder { color: #74677b; opacity: 1; }
.check { color: #5f5167; }
.check input { accent-color: #793f81; }
.check a, .status { color: #81396e; }
.review-panel textarea { background: #f4ebf3; border-color: #b59ab6; color: #30273d; }
.notice { background: #f2dfd6; border-left-color: #be7134; }
.empty-testimonials { background: radial-gradient(ellipse at top, #edcee0, transparent 74%), #fff1df; border-color: #c296b2; }
.empty-testimonials .star { color: #af6026; }
.contact-email { color: #963e70; }
.contact-link:nth-child(1) .arrow { color: #3e5b96; }
.contact-link:nth-child(2) .arrow { color: #843f8c; }
.contact-link:nth-child(3) .arrow { color: #a84b70; }
.contact-link:nth-child(4) .arrow { color: #b56a29; }
.contact-link:hover h3 { color: var(--berry); }
dialog { background: linear-gradient(145deg, #233460, #603b70); border-color: #edbd7e; }
dialog::backdrop { background: rgba(17, 13, 38, .78); }

@media(max-width:900px) {
  .navigation { background: #fcf5e9; border-color: #c6a9bc; box-shadow: 0 20px 25px #35204320; }
}
@media print {
  body, .hero, .page-hero, .section, .light-section, .quiet-section, .ethics-note,
  .reading-card, .form-shell, .empty-testimonials, .prose blockquote { background: white; color: #111; }
  h1, h2, h3, em, .prose h2, .prose h3, .hero h1 em, .page-hero h1,
  .page-hero h1 em { background: none; color: #111; -webkit-text-fill-color: #111; }
}