/* One screen palette for the whole purchase and reading experience. */
:root {
  --bg:#071217;
  --surface:#0e2029;
  --surface-2:#142c37;
  --surface-warm:#173843;
  --ink:#edf7fa;
  --body-text:#d1e2e9;
  --muted:#a7c2cf;
  --fine-text:#93afbd;
  --line:#294957;
  --control-line:#597b89;
  --accent:#a4e8df;
  --accent-deep:#7fcac4;
  --blue:#a9c9ef;
  /* Legacy component tokens resolve to the same mint palette. */
  --gold:var(--accent);
  --gold-dark:var(--accent-deep);
  --green:var(--muted);
  --on-gold:#0a2a34;
}

@media screen {
  body {background:var(--bg);color:var(--ink)}
  main,.site-footer {border-color:#18303b}
  .site-header {background:#071217f5;border-color:var(--line)}
  .site-footer {background:#09181f}
  ::selection {background:#296074;color:#f1fbfc}
  summary:after {color:var(--accent-deep)}
  .brand,.entry-signature,.report-addressee,.report-section-number,.report-section-index button>span,
  .report-letterhead>span,.sales-chapter-number,.sales-check,.purchase-bar strong,
  .annual-tile strong,.checkout-total strong,.empty-library>span {color:var(--gold)}
  .brand-seal,.report-letterhead>span,.letter-avatar,.flow-avatar {border-color:var(--gold-dark)}
  .brand small,.header-library,.icon-book,.footer-brand span,.footer-links,.footer-inner>p,
  .arrival-fine,.flow-optional,.flow-help,.flow-footnote,.flow-privacy,.flow-date-part>label,
  .flow-summary dt,.flow-summary small,.flow-step-number>span,.flow-time-grid label,.flow-unit>span,
  .letter-header small,.profile-line,.free-reading-label,.chart-sub,.chart-policy,
  .pillar-label,.pillar-reading,.pillar-god,.element-item small,.luck-caption,.annual-tile small,
  .annual-tile p,.report-reading-meta,.report-letterhead small,.report-section-index>summary>span,
  .report-basis summary,.report-basis p,.report-calculation,.report-pager small,
  .sales-small,.sales-payment-caption,.sales-lock-top,.sales-lock-number,.sales-personal-label,
  .sales-chapter-top>p,.sales-card-label,.sales-value-number,.sales-offer-price>span,
  .sales-offer-price>small,.sales-steps p,.sales-faq details>p,.modal-product p,
  .saved-item-info p,.input-note,.saved-delete,.report-disclaimer {color:var(--fine-text)}
  .icon-book,.icon-book:after {border-color:currentColor}
  .entry-guide p,.entry-message>div,.text-button,.back-link,.mobile-home-cta small,.purchase-bar small,
  .flow-description,.flow-check,.flow-segments span,.result-subtitle,.letter-paragraphs p,
  .preview-point p,.report-letter-intro p,.report-section p,.report-chapter-subtitle,
  .report-advice li,.report-pager button,.sales-section>p:not(.sales-eyebrow):not(.sales-small),
  .sales-chapter-card>p,.sales-questions li,.sales-proof-card>p:last-child,.sales-checklist li,
  .sales-offer-list li,.sales-value-grid p,.sales-practice>p:last-child,.sales-faq summary,
  .modal-body,.checkout-row,.empty-library p,.report-section-index button {color:var(--body-text)}
  .arrival h1,.arrival-title>p:last-child {text-shadow:0 2px 20px #000}
  .arrival-invitation,.entry-message>p,.footer-brand,.mobile-home-cta>div>span,
  .flow-field>label:not(.flow-check),.flow-field legend,.flow-summary dd,
  .letter-header strong,.preview-point h3,.pillar-hanja,.mini-heading,.element-item,
  .sales-heading,.sales-lock-card h3,.sales-personal-note>p,.sales-chapter-card h3,
  .sales-quote,.sales-proof-card h3,.sales-value-grid h3,.sales-steps h3,.sales-portrait>span,
  .report-paper h1,.report-section h2,.report-advice h2,.modal-header h2,.modal-product h3,
  .saved-item-info h3,.empty-library h3,.report-section-index>summary {color:var(--ink)}
  .sales-lead {color:var(--body-text)!important}
  .sales-final-copy {color:var(--body-text)!important}
  .arrival-title>p:last-child,.loading-view>p:not(.eyebrow) {color:var(--body-text)}
  .loading-steps,.loading-steps span {color:var(--fine-text)}
  .sales-questions li:before {color:var(--gold-dark)}
  .letter-quote,.report-takeaway,.report-quote,.report-letterhead>p {color:#c2e8ef}
  .arrival-invitation strong,.sales-section strong {color:var(--gold)}
  .button,.flow-actions>.flow-back,.report-actions .button {background:var(--surface-2);border-color:var(--control-line);color:var(--ink)}
  .button:hover {background:#1d3b49}
  .button-primary,.button-primary:hover {color:var(--on-gold);background:var(--gold);border-color:var(--gold)}
  .button-primary:hover {background:#c0f4ec}
  .mobile-home-cta,.purchase-bar {background:#0b1d26f5;border-color:var(--line)}
  .flow-input {background:var(--surface);color:var(--ink);border-color:var(--control-line)}
  .flow-input::placeholder {color:var(--fine-text);opacity:1}
  .flow-input:focus {border-color:var(--gold);box-shadow:0 0 0 2px #a4e8df22}
  .flow-input:disabled {opacity:1;background:#0b1920;color:#86a1af;-webkit-text-fill-color:#86a1af;border-color:#344f5b}
  .flow-input[aria-invalid="true"] {border-color:#e3a18b}
  .flow-segments span,.report-nav button {background:var(--surface);color:var(--muted);border-color:var(--control-line)}
  .flow-segments input:checked+span,.report-nav button[aria-current="true"] {background:#153c48;border-color:var(--gold);color:#cdf5ee}
  .flow-summary,.flow-time-unknown,.chart-box,.pillar,.element-track,.annual-tile,
  .sales-personal-note,.sales-chapter-card,.sales-contrast-before,.sales-contrast-after,
  .sales-practice,.report-section-index,.report-basis,.report-advice,.modal-product {
    background:var(--surface);border-color:var(--line)
  }
  .flow-summary button {color:var(--gold)}
  .flow-progress,.loading-progress,.report-progress {background:#294957}
  .flow-progress>span,.loading-progress>span,.report-progress>span {background:var(--gold)}
  .flow-error {background:#2b1d19;color:#efb29d}
  .flow-home {background:transparent;border:0;color:var(--muted);padding:9px 0;min-height:44px;font-size:12px}
  .preview-letter,.sales-lock-card,.report-paper {background:linear-gradient(145deg,#112a35,#0b1c25 70%);border-color:var(--line)}
  .preview-letter:before {background:linear-gradient(90deg,transparent,var(--accent),transparent)}
  .free-chart,.free-chart>summary {background:var(--surface);color:var(--muted);border-color:var(--line)}
  .result-complete {background:var(--surface-warm);border-color:#4d8b94;color:var(--gold)}
  .result-complete:before {color:var(--gold)}
  .keyword,.keywords>span {background:var(--surface-2);border-color:var(--line);color:var(--muted)}
  .sales-lock-caption {color:var(--muted);border-color:var(--line)}
  .sales-mosaic span {background:repeating-linear-gradient(90deg,#6eabb766 0 12px,#9bcacb77 12px 25px,#294d61 25px 38px,#749eaf66 38px 51px,#a2d6d566 51px 64px,#31566a66 64px 77px)}
  .sales-recognition,.entry-message {background:radial-gradient(ellipse at 50% 65%,#1b526044,transparent 80%)}
  .sales-tone,.sales-outcome {background:#0b1b23}
  .sales-offer {background:radial-gradient(ellipse at 50% 55%,#1b3b49,#0b1d26 85%);border-color:#457582}
  .sales-final {background:linear-gradient(var(--bg),#102b36)}
  .sales-personal-note,.report-basis,.report-takeaway {border-left-color:var(--gold-dark)}
  .sales-chapter-label {background:#153c48;color:#b9e9e5}
  .sales-contrast-before>p {color:var(--muted)}
  .sales-step-number {border-color:var(--gold-dark);color:var(--gold)}
  .sales-section,.sales-proof-card,.sales-faq details,.sales-faq details:last-child,
  .sales-offer-price,.sales-chapter-number,.sales-lock-caption,.entry-guide,
  .entry-guide li,.entry-message,.preview-points,.flow-summary>div,.report-letterhead,
  .report-letter-intro,.report-section-index li+li,.report-calculation>summary,
  .report-pager,.luck-table th,.luck-table td,.checkout-total,.saved-item {border-color:var(--line)}
  .luck-table th {color:var(--muted);background:var(--surface-2)}
  .luck-table td {color:var(--body-text)}
  .report-sidebar {background:#071217f5}
  .report-letterhead>span {border-color:var(--gold-dark)}
  .report-section-index>summary:after,.free-chart>summary:after,.sales-faq summary:after {color:var(--gold)}
  dialog {background:#0e2029;border-color:var(--control-line)}
  .checkout-notice {background:#173843;border-color:#4b7e8b;color:#c3e2e9}
  .checkout-total {color:var(--ink)}
  .close-button {color:var(--muted)}
  .toast {background:var(--gold);color:var(--on-gold)}
  .arrival-shade {background:linear-gradient(180deg,#071217 0%,#07121766 11%,#07121700 26%,#07121700 45%,#07121766 70%,#071217 100%)}
  .arrival-art:after {background:linear-gradient(90deg,#07121770 0%,transparent 23%,transparent 78%,#07121770 100%)}
  .arrival-seal {background:#0b202aaa;border-color:#7fcac477}
  .sales-portrait:after {background:linear-gradient(#07121799,transparent 25%,transparent 55%,#102b36 100%)}
}

@media screen and (min-width:780px) {main {box-shadow:0 0 100px #24536c18}}