/* Baltic Taro Academy visual tokens. This stylesheet changes presentation only. */
:root {
  color-scheme: dark;
  --bg: #071421;
  --panel: #10263B;
  --line: #D8B3654A;
  --gold: #D8B365;
  --gold2: #E8CF91;
  --champagne: #E8CF91;
  --text: #F2EEE6;
  --muted: #AAA7A0;
  --amethyst: #6F3D87;
}
body { background: radial-gradient(circle at 50% -18%, #102639 0, var(--bg) 52%, var(--bg) 100%); color: var(--text); }
h1, h2 { color: var(--champagne); }

/* Academy menu */
main.academy-home { padding-top: calc(24px + env(safe-area-inset-top)); }
.academy-home .mark { display: none; }
.brand-logo {
  display: block;
  width: 130px;
  height: 130px;
  margin: 0 auto 8px;
  object-fit: contain;
}
.academy-home h1 { margin: 0 0 29px; color: var(--champagne); font-size: clamp(31px, 7.6vw, 42px); }
.academy-home nav { gap: 13px; }
.academy-home .program {
  min-height: 78px;
  border-color: #D8B36549;
  background: var(--panel);
  color: #F8F1E4;
  box-shadow: 0 10px 26px #0003;
  transition: border-color .18s, box-shadow .18s, transform .18s;
}
.academy-home .program:hover { border-color: #D8B36580; }
.academy-home .program:active { border-color: var(--amethyst); box-shadow: 0 0 16px #6F3D8740; transform: scale(.992); }
.academy-home .icon { width: 39px; height: 39px; flex: none; color: var(--gold); fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
.academy-home .label { color: #F8F1E4; }
.academy-home .arrow { color: var(--gold); opacity: .8; }
@media (max-width: 360px) {
  main.academy-home { padding-inline: 14px; }
  .brand-logo { width: 114px; height: 114px; }
  .academy-home h1 { margin-bottom: 24px; }
  .academy-home .program { gap: 12px; padding: 15px; }
  .academy-home .icon { width: 35px; height: 35px; }
}
@media (prefers-reduced-motion: reduce) { .academy-home .program { transition: none; } }

/* Numerology, forecasts and the course catalogue */
.entry, .section, .forecast-navigation a, .panel, .course, .box,
#month-app form, #month-app .month-text, #activator-app .activation-section { background: var(--panel); border-color: var(--line); }
.entry label, .section h2, .forecast-navigation a, .number, label, .panel h2,
.course h3, .price, .course .tag { color: var(--champagne); }
.status, .result-label, .description, .period, .back, .hint,
.contactnote, .small, .oldprice, .contactnote, .saving { color: var(--muted); }
input, select, textarea, .consultation-fallback textarea,
#month-app input { background: #0A1D2F; border-color: #D8B36555; color: var(--text); }
button, .category-button, #activator-app .activation-date { background-color: var(--panel); border-color: var(--line); color: var(--text); }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline-color: var(--champagne); }
button:active, .category-button[aria-pressed="true"] { border-color: var(--amethyst); box-shadow: 0 0 12px #6F3D8730; }
.academy-home-link, .home { border-color: var(--gold); color: var(--champagne); }
.watch-link, .consultation-link, .entry button, .primary,
#activator-app .activation-compass-button, #activator-app .compass-start {
  background: linear-gradient(125deg, var(--gold), var(--champagne));
  color: var(--panel);
}
.video-placeholder, .description { border-color: #D8B36573; }
.description { color: var(--text); }
.category-button[aria-pressed="true"] { border-color: var(--amethyst); }

/* Lenormand and shared card-program screens */
.logo { border-color: var(--gold); color: var(--champagne); box-shadow: 0 0 34px #D8B3651B; }
.lead, .wish, .interpret, .course p { color: var(--text); }
.secondary, .ghost, #activator-app button.activation-detail-back { background: var(--panel); color: var(--champagne); border-color: var(--line); }
.cardback { border-color: #D8B36580; background: linear-gradient(145deg, #18334C, #0A1C2D); }
.cardback::before { border-color: #D8B36566; color: var(--gold); }
.reveal { border-color: var(--gold); background: var(--panel); }
.num, .name, .pct, .edu strong, .saving { color: var(--champagne); }
.bar { background: #071421; }
.fill { background: linear-gradient(90deg, var(--gold), var(--champagne)); }
.edu { border-color: var(--line); color: var(--muted); }
#month-app .intro>section>p:not(.eyebrow),
#activator-app .activator-lead, #activator-app .activation-prose p,
#activator-app .activation-prose ul, #activator-app .activation-compass-list,
#activator-app .compass-context, #activator-app .compass-legend,
#activator-app .compass-state { color: var(--text); }
#wallpaper { background: var(--panel); color: var(--text); border-color: var(--gold); }
#wallpaper .close { color: var(--champagne); }
#activator-app .activation-card { background: var(--panel); border-color: var(--line); color: var(--text); }
#activator-app .activation-card:active, #activator-app .activation-date:active { border-color: var(--amethyst); box-shadow: 0 0 12px #6F3D8730; }
#activator-app .activation-symbol { background: #142C42; border-color: var(--line); color: var(--gold); }
#activator-app .activation-name, #activator-app .activation-mark,
#activator-app .activation-date-title, #activator-app .activation-section h3,
#activator-app .activation-fields dt, #activator-app .activation-prose h4,
#activator-app .activation-disclosure summary, #activator-app .compass-title { color: var(--champagne); }
#activator-app .activation-count, #activator-app .activation-empty,
#activator-app .activation-status, #activator-app .activation-image-placeholder span { color: var(--muted); }
#activator-app .activation-date { background: var(--panel); border-color: var(--line); color: var(--text); }
#activator-app .activation-fields div, #activator-app .activation-steps>li,
#activator-app .activation-disclosure, #activator-app .activation-rule,
#activator-app details.activation-section { border-color: var(--line); }
#activator-app .activation-hero { background: var(--panel); border-color: var(--line); }
#activator-app .compass-dial { background: radial-gradient(circle, #19334B 0, #0D2235 65%, var(--bg) 100%); border-color: var(--gold); box-shadow: 0 0 35px #D8B36525, inset 0 0 28px #0008; }
/* The two compass needles retain their distinct colors for direction reading. */