/* Green theme override — load last */

:root {
  /* Backgrounds: light green */
  --bg: #EAF3E4;
  --bg-soft: #D9E8D2;
  --card: #FFFFFF;

  /* Ink stays dark, slightly green-shifted */
  --ink: #0E1F14;
  --ink-2: #243826;
  --ink-3: #5A6E5E;

  /* Lines */
  --line: #C7DCC1;
  --line-strong: #9DBC95;

  /* Accent (was terra/orange) — now deep dark green */
  --terra: #1F4D2E;
  --terra-soft: #C7E2BD;
  --terra-deep: #0F3520;

  /* Secondaries — keep cohesion */
  --plum: #3D5E47;
  --plum-soft: #D5E6CE;
  --sage: #5C7A5B;
}

/* Hardcoded orange replacements */

.welcome-hero, .app-top, body { background: var(--bg); }

/* Movie scene — was warm cream/terra gradient, now green gradient */
.movie-bg {
  background: radial-gradient(circle at 50% 60%, #F0F8EC, var(--bg-soft));
}
.movie-bg.play { animation: bg-darken-green 26s ease forwards; }
@keyframes bg-darken-green {
  0%   { background: radial-gradient(circle at 50% 60%, #F0F8EC, #D9E8D2); }
  60%  { background: radial-gradient(circle at 50% 60%, #B4D5A8, #6F9669); }
  85%  { background: radial-gradient(circle at 50% 60%, #2F6B3E, #0E2A16); }
  92%  { background: radial-gradient(circle at 50% 60%, #0B1A0F, #0B1A0F); }
  100% { background: radial-gradient(circle at 50% 60%, #F0F8EC, #D9E8D2); }
}

.movie-overlay { background: #0B1A0F; color: #EAF3E4; }
.mo-text-2 { color: var(--terra-soft); }

.movie-time { color: var(--ink-3); background: rgba(234, 243, 228, 0.92); }

/* Breathing orb — green */
.orb {
  background: radial-gradient(circle at 30% 30%, #6BA86C, var(--terra) 60%, var(--terra-deep)) !important;
  box-shadow: 0 30px 80px -20px rgba(31, 77, 46, 0.5) !important;
}
.dark-canvas .orb {
  background: radial-gradient(circle at 30% 30%, #A8D69E, var(--terra) 60%, var(--terra-deep)) !important;
  box-shadow: 0 0 80px 20px rgba(31, 77, 46, 0.5) !important;
}

/* Movie play button */
.movie-play { background: var(--terra); color: #fff; box-shadow: 0 14px 30px -8px rgba(15, 53, 32, 0.5); }
.movie-play:hover { background: var(--terra-deep); }

/* Presenter accents */
.pb-buttons button.pb-primary { background: var(--terra); border-color: var(--terra); }
.pb-buttons button.pb-primary:hover { background: var(--terra-deep); }

.presenter-badge {
  background: var(--terra);
  box-shadow: 0 4px 10px -2px rgba(31, 77, 46, 0.45);
}

/* Disclaimer footer accent border */
.df-toggle { border-top-color: var(--terra); }

/* Privacy ribbon — green-leaning warm */
.privacy-ribbon {
  background: #D5E6CE;
  color: #1F3826;
}
.privacy-ribbon strong { color: #0F2419; }
.pr-icon { color: #2F6B3E; }

/* Plan intro card — green gradient */
.plan-intro {
  background: linear-gradient(135deg, #EFF7EA, #D9E8D2);
  border-color: #B4D0AC;
}

/* Compass bridge button */
.compass-bridge a.btn { background: var(--terra); color: #fff; }
.compass-bridge a.btn:hover { background: var(--terra-deep); }

/* Reality bucket "over" state */
.bucket.over { background: var(--terra-soft); border-color: var(--terra); }
.chip.in-mine { border-color: var(--terra); color: var(--terra-deep); }

/* Pullquote accent */
.pullquote { color: var(--terra-deep); border-left-color: var(--terra); }

/* Snapshot result gauge tweak (script sets fill but uses hard-coded;
   only the band visualisation; leave) */

/* Buttons — primary stays deep-dark on light, but hover now green */
.btn-primary:hover { background: var(--terra-deep); }
.btn-primary { background: var(--ink); }
.btn-ghost:hover { color: var(--terra); }
.btn-secondary, .dl-btn.primary { background: var(--terra) !important; color: #fff !important; border-color: var(--terra) !important; }
.dl-btn.primary .dl-icon { background: var(--terra-deep); color: #fff; }
.dl-btn:hover { border-color: var(--terra); }

/* Likert + chips dots */
.likert button.selected .dot { background: var(--terra); }

/* Teach letter color */
.teach-letter { color: var(--terra); }

/* Zone icon */
.zone-row .zone-icon { color: var(--terra); }
.zone-row.on .zone-icon { background: var(--terra); }

/* Label pills */
.label-pill.on.l-today { background: var(--terra); border-color: var(--terra); }

/* Sketchnote icon */
.sk-icon { background: var(--terra-soft); color: var(--terra-deep); }

/* Download icon */
.dl-icon { background: var(--terra-soft); color: var(--terra-deep); }

/* Progress bar */
.progress-fill { background: var(--terra); }

/* Inputs */
.input:focus { border-color: var(--terra); }

/* Reset dots */
.reset-dot.done { background: var(--terra); }