/* Minimalist UI theme: Soft Sage + Deep Olive */

html[data-ui="minimal"] body {
  color-scheme: light;
  --primary: #1a2517;
  --primary-light: #31472b;
  --primary-dark: #0f170d;
  --accent: #acc8a2;
  --accent-2: #89a67f;
  --text-1: #162012;
  --text-2: #2f422a;
  --text-3: #546d4e;
  --body-bg: radial-gradient(circle at 16% 10%, #dcead6 0%, #acc8a2 44%, #8dad84 100%);
  --canvas-base: #acc8a2;
  --glass: #edf5e9;
  --glass-border: rgba(26, 37, 23, 0.18);
  --surface-1: #f3f8f0;
  --surface-2: #e5efde;
  --surface-3: #d7e5ce;
  --field-bg: #f8fbf6;
  --header-bg: rgba(243, 248, 240, 0.94);
  --track-bg: #d3e2ca;
  --danger: #9f3a2f;
  --success: #2f6f3a;
  --warning: #8a6b1f;
  --result-fetch-bg: linear-gradient(180deg, #edf5e9, #dbead3);
  --result-fetch-core: radial-gradient(circle, #f8fbf6, #acc8a2);
  --shadow: 0 10px 30px rgba(13, 22, 12, 0.12);
  --font-body: "Inter", "Segoe UI", sans-serif;
  --font-logo: "Syne", "Segoe UI", sans-serif;
  --font: var(--font-body);
  position: relative;
  isolation: isolate;
}

html[data-ui="minimal"] body::before,
html[data-ui="minimal"] body::after {
  content: "";
  position: fixed;
  inset: -12% -10%;
  z-index: -1;
  pointer-events: none;
}

html[data-ui="minimal"] body::before {
  background:
    radial-gradient(circle at 0% 15%, rgba(26, 37, 23, 0.18) 0%, transparent 38%),
    radial-gradient(circle at 84% 8%, rgba(26, 37, 23, 0.1) 0%, transparent 42%),
    radial-gradient(circle at 58% 85%, rgba(26, 37, 23, 0.08) 0%, transparent 36%);
  filter: blur(40px);
  animation: minimal-sage-drift 18s ease-in-out infinite alternate;
}

html[data-ui="minimal"] body::after {
  inset: auto 0 0 0;
  height: 40vh;
  background: linear-gradient(0deg, rgba(26, 37, 23, 0.24), rgba(26, 37, 23, 0));
}

@keyframes minimal-sage-drift {
  0% { transform: translate3d(-1.5%, -1%, 0) scale(1); }
  100% { transform: translate3d(1.8%, 1.6%, 0) scale(1.05); }
}

html[data-ui="minimal"] body #canvas,
html[data-ui="minimal"] body #cursor {
  display: none !important;
}

html[data-ui="minimal"] body * {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html[data-ui="minimal"] body .card,
html[data-ui="minimal"] body .feature-card,
html[data-ui="minimal"] body .quiz-card,
html[data-ui="minimal"] body .profile-card,
html[data-ui="minimal"] body .question-item,
html[data-ui="minimal"] body .result-card,
html[data-ui="minimal"] body .quiz-header,
html[data-ui="minimal"] body .proctor-bar,
html[data-ui="minimal"] body .marketing-nav,
html[data-ui="minimal"] body .overlay-card,
html[data-ui="minimal"] body .site-footer {
  background: var(--glass) !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: 22px !important;
  box-shadow: var(--shadow) !important;
}

html[data-ui="minimal"] body .feature-card,
html[data-ui="minimal"] body .quiz-card,
html[data-ui="minimal"] body .question-item,
html[data-ui="minimal"] body .profile-card {
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}

html[data-ui="minimal"] body .feature-card:hover,
html[data-ui="minimal"] body .quiz-card:hover,
html[data-ui="minimal"] body .question-item:hover,
html[data-ui="minimal"] body .profile-card:hover {
  transform: translateY(-5px);
  border-color: rgba(26, 37, 23, 0.38) !important;
  box-shadow: 0 16px 34px rgba(15, 25, 14, 0.2) !important;
}

html[data-ui="minimal"] body .card::before,
html[data-ui="minimal"] body .feature-card::before,
html[data-ui="minimal"] body .marks-card::before {
  display: none !important;
}

html[data-ui="minimal"] body .marketing-brand,
html[data-ui="minimal"] body .hero h1,
html[data-ui="minimal"] body .card-title,
html[data-ui="minimal"] body .section-header h2,
html[data-ui="minimal"] body .result-title,
html[data-ui="minimal"] body .footer-brand-text {
  color: #111a0f !important;
  background: none !important;
  -webkit-text-fill-color: #111a0f !important;
  text-shadow: none !important;
}

html[data-ui="minimal"] body .hero-eyebrow,
html[data-ui="minimal"] body .section-eyebrow,
html[data-ui="minimal"] body .footer-brand-tagline {
  color: #2b3e25 !important;
}

html[data-ui="minimal"] body .marketing-links a {
  color: #21311d !important;
}

html[data-ui="minimal"] body .marketing-links a:hover {
  background: #dcead5 !important;
  color: #111a0f !important;
}

html[data-ui="minimal"] body .btn-primary,
html[data-ui="minimal"] body .btn-submit,
html[data-ui="minimal"] body .btn-submit-top,
html[data-ui="minimal"] body #download-report-btn {
  background: linear-gradient(145deg, #263621 0%, #1a2517 52%, #111a0f 100%) !important;
  border: 1px solid rgba(12, 20, 10, 0.5) !important;
  color: #eef5ea !important;
  box-shadow: 0 10px 22px rgba(16, 23, 14, 0.28) !important;
}

html[data-ui="minimal"] body .btn-primary:hover,
html[data-ui="minimal"] body .btn-submit:hover,
html[data-ui="minimal"] body .btn-submit-top:hover,
html[data-ui="minimal"] body #download-report-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(12, 18, 10, 0.36) !important;
}

html[data-ui="minimal"] body .btn-secondary {
  background: #eff6eb !important;
  border: 1px solid rgba(26, 37, 23, 0.22) !important;
  color: #1d2a19 !important;
}

html[data-ui="minimal"] body .btn-secondary:hover {
  background: #ddebd6 !important;
  border-color: rgba(26, 37, 23, 0.34) !important;
}

html[data-ui="minimal"] body .form-group input,
html[data-ui="minimal"] body .form-group textarea,
html[data-ui="minimal"] body .form-group select {
  background: var(--field-bg) !important;
  border: 1px solid rgba(26, 37, 23, 0.26) !important;
  color: #172213 !important;
  border-radius: 12px !important;
}

html[data-ui="minimal"] body .form-group input:focus,
html[data-ui="minimal"] body .form-group textarea:focus,
html[data-ui="minimal"] body .form-group select:focus {
  border-color: #1a2517 !important;
  box-shadow: 0 0 0 3px rgba(172, 200, 162, 0.58) !important;
}

html[data-ui="minimal"] body .form-group label,
html[data-ui="minimal"] body .card-subtitle,
html[data-ui="minimal"] body .result-subtitle,
html[data-ui="minimal"] body .footer-copy,
html[data-ui="minimal"] body .report-shell-subtitle,
html[data-ui="minimal"] body #report-generated-at,
html[data-ui="minimal"] body #report-quiz-title {
  color: #344a2d !important;
}

html[data-ui="minimal"] body .notice-box,
html[data-ui="minimal"] body .step-item,
html[data-ui="minimal"] body .instruction-list li,
html[data-ui="minimal"] body .questions-empty,
html[data-ui="minimal"] body .agreement-box,
html[data-ui="minimal"] body .review-item,
html[data-ui="minimal"] body .review-option {
  background: #f4f9f2 !important;
  border: 1px solid rgba(26, 37, 23, 0.16) !important;
  color: #22311d !important;
}

html[data-ui="minimal"] body .quiz-timer-wrap,
html[data-ui="minimal"] body .student-badge,
html[data-ui="minimal"] body .progress-label,
html[data-ui="minimal"] body .proctor-stat,
html[data-ui="minimal"] body .marks-pill,
html[data-ui="minimal"] body .marks-score-panel,
html[data-ui="minimal"] body .marks-metric-card {
  background: #e8f1e3 !important;
  border: 1px solid rgba(26, 37, 23, 0.2) !important;
  color: #1f2d1a !important;
}

html[data-ui="minimal"] body .progress-bar-track,
html[data-ui="minimal"] body .timer-bar-track,
html[data-ui="minimal"] body .score-ring-bg {
  background: #d4e2cb !important;
}

html[data-ui="minimal"] body .progress-bar-fill,
html[data-ui="minimal"] body .timer-bar-fill {
  background: linear-gradient(90deg, #3b5733, #1a2517) !important;
}

html[data-ui="minimal"] body .option-btn {
  background: #f6fbf4 !important;
  border: 1px solid rgba(26, 37, 23, 0.2) !important;
  color: #172213 !important;
}

html[data-ui="minimal"] body .option-btn:hover {
  border-color: rgba(26, 37, 23, 0.42) !important;
  background: #e8f2e2 !important;
}

html[data-ui="minimal"] body .option-btn.selected,
html[data-ui="minimal"] body .option-btn.correct {
  border-color: #1a2517 !important;
  background: #dce9d5 !important;
  color: #111a0f !important;
}

html[data-ui="minimal"] body .overlay {
  background: rgba(11, 18, 10, 0.65) !important;
}

html[data-ui="minimal"] body .overlay-card {
  background: #edf5e9 !important;
}

html[data-ui="minimal"] body .result-fetching {
  background: var(--result-fetch-bg) !important;
  border: 1px solid rgba(26, 37, 23, 0.18) !important;
}

html[data-ui="minimal"] body .result-fetching-core {
  background: var(--result-fetch-core) !important;
}

html[data-ui="minimal"] body .marks-card {
  background: #edf5e9 !important;
  border: 1px solid rgba(26, 37, 23, 0.22) !important;
}

html[data-ui="minimal"] body .marks-status-pill {
  background: #dcead5 !important;
  border: 1px solid rgba(26, 37, 23, 0.22) !important;
  color: #1a2517 !important;
}

html[data-ui="minimal"] body .marks-card.is-pending .marks-status-pill {
  background: #efe8ce !important;
  border: 1px solid #a18a4b !important;
  color: #5f4e20 !important;
}

html[data-ui="minimal"] body .marks-watermark,
html[data-ui="minimal"] body .report-shell {
  color: rgba(26, 37, 23, 0.6) !important;
}

html[data-ui="minimal"] body .btn-icon-toggle {
  background: #f2f8ef !important;
  border-color: rgba(26, 37, 23, 0.22) !important;
  color: #1a2517 !important;
  box-shadow: 0 6px 18px rgba(14, 21, 12, 0.16) !important;
}

html[data-ui="minimal"] body .icon-sun {
  display: block;
}

html[data-ui="minimal"] body .icon-moon {
  display: none;
}

@media (max-width: 768px) {
  html[data-ui="minimal"] body .marketing-nav {
    padding: 0.95rem 1rem !important;
    border-radius: 0 0 16px 16px !important;
  }

  html[data-ui="minimal"] body .marketing-links {
    display: none !important;
  }

  html[data-ui="minimal"] body .hero h1 {
    font-size: clamp(2rem, 8.2vw, 2.7rem) !important;
    line-height: 1.1 !important;
  }

  html[data-ui="minimal"] body .screen-inner {
    padding-left: 0.95rem !important;
    padding-right: 0.95rem !important;
  }

  html[data-ui="minimal"] body .landing-actions,
  html[data-ui="minimal"] body .quiz-nav,
  html[data-ui="minimal"] body .overlay-actions {
    flex-direction: column !important;
    gap: 0.65rem !important;
  }

  html[data-ui="minimal"] body .landing-actions .btn-primary,
  html[data-ui="minimal"] body .landing-actions .btn-secondary,
  html[data-ui="minimal"] body .quiz-nav .btn-primary,
  html[data-ui="minimal"] body .quiz-nav .btn-secondary,
  html[data-ui="minimal"] body .overlay-actions .btn-primary,
  html[data-ui="minimal"] body .overlay-actions .btn-secondary {
    width: 100% !important;
  }

  html[data-ui="minimal"] body .landing-about-grid,
  html[data-ui="minimal"] body .landing-steps,
  html[data-ui="minimal"] body .features-grid,
  html[data-ui="minimal"] body .question-builder-grid,
  html[data-ui="minimal"] body .quizzes-grid {
    grid-template-columns: 1fr !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-ui="minimal"] body::before {
    animation: none !important;
  }
}