/* Shared public theme. Admin layouts and builder previews do not opt in. */
@font-face {
  font-family: Inter;
  src: url('../fonts/inter/InterVariable.woff2') format('woff2');
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url('../fonts/inter/InterVariable-Italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}
html[data-user-theme="baltic"] {
  --ui-primary: #38618c;
  --ui-primary-hover: #2b4c70;
  --ui-primary-soft: #edf3f9;
  --ui-primary-border: #bdcede;
  --ui-ink: #243c56;
  --ui-muted: #506176;
  --ui-yellow: #ffe74c;
  --ui-coral: #ff5964;
  --ui-sky: #35a7ff;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --background: 0 0% 100%;
  --foreground: 211 41% 24%;
  --primary: 210.714286 42.857143% 38.431373%;
  --primary-foreground: 0 0% 100%;
  --accent: 53 100% 65%;
  --accent-foreground: 211 41% 24%;
  --muted: 210 50% 96%;
  --muted-foreground: 213 19% 39%;
  --card: 0 0% 100%;
  --card-foreground: 211 41% 24%;
  --border: 211 25% 85%;
  --card-border: 211 25% 85%;
  --input: 211 25% 65%;
  --ring: var(--primary);
  --sidebar: 210 50% 96%;
  --sidebar-primary: var(--primary);
  --sidebar-primary-foreground: var(--primary-foreground);
  --sidebar-accent: 207 100% 94%;
  --sidebar-accent-foreground: var(--foreground);
  --sidebar-border: var(--border);
  --sidebar-ring: var(--ring);
  --chart-1: var(--primary);
  --chart-2: 206 100% 60%;
  --chart-3: 53 100% 65%;
  --chart-4: 356 100% 67%;
  --chart-5: 211 41% 24%;
  color-scheme: light;
}
html[data-user-theme="baltic"] body {
  font-family: var(--font-sans);
  font-optical-sizing: auto;
  -webkit-font-smoothing: antialiased;
}
html[data-user-theme="baltic"] :where(h1, h2, h3) { text-wrap: balance; }
html[data-user-theme="baltic"] :where(button, input, select, textarea) { font-family: inherit; }
html[data-user-theme="baltic"] :where(a, button, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--ui-primary);
  outline-offset: 3px;
}
html[data-user-theme="baltic"] .brand-bg { background-color: var(--ui-primary); }
html[data-user-theme="baltic"] .brand-bg-hover:hover { background-color: var(--ui-primary-hover); }
html[data-user-theme="baltic"] .brand-bg-soft { background-color: rgb(56 97 140 / 8%); }
html[data-user-theme="baltic"] .brand-bg-soft-strong { background-color: rgb(56 97 140 / 14%); }
html[data-user-theme="baltic"] .brand-text { color: var(--ui-primary); }
html[data-user-theme="baltic"] .brand-text-dark { color: var(--ui-ink); }
html[data-user-theme="baltic"] .brand-text-muted { color: var(--ui-muted); }
html[data-user-theme="baltic"] .brand-border,
html[data-user-theme="baltic"] .brand-border-hover:hover { border-color: var(--ui-primary); }
html[data-user-theme="baltic"] .brand-ring { box-shadow: 0 0 0 1px rgb(56 97 140 / 14%); }
html[data-user-theme="baltic"] .brand-focus:focus { border-color: var(--ui-primary); box-shadow: 0 0 0 2px rgb(56 97 140 / 25%); }
html[data-user-theme="baltic"] .answer-option-label:hover .answer-option-card { border-color: var(--ui-primary-border); }
html[data-user-theme="baltic"] .answer-option-input:focus-visible + .answer-option-card { border-color: var(--ui-primary); box-shadow: 0 0 0 3px rgb(56 97 140 / 18%); }
html[data-user-theme="baltic"] .answer-option-input:checked + .answer-option-card { border-color: var(--ui-primary); background-color: var(--ui-primary-soft); }
html[data-user-theme="baltic"] .answer-option-input:checked + .answer-option-card .answer-option-indicator { border-color: var(--ui-primary); background-color: var(--ui-primary); }
html[data-user-theme="baltic"] .quiz-checkbox-control { color: var(--ui-primary); }
html[data-user-theme="baltic"] .quiz-checkbox-control:hover:not(:disabled) { border-color: var(--ui-primary); }
html[data-user-theme="baltic"] .quiz-checkbox-control:focus-visible { border-color: var(--ui-primary); box-shadow: 0 0 0 3px rgb(56 97 140 / 20%); }
html[data-user-theme="baltic"] .quiz-checkbox-control:checked { border-color: var(--ui-primary); background-color: var(--ui-primary); }
html[data-user-theme="baltic"] .quiz-checkbox-control[aria-invalid="true"] { border-color: #f87171; }
html[data-user-theme="baltic"] input[aria-invalid="true"]:focus { border-color: #f87171; --tw-ring-color: rgb(248 113 113 / 20%); }
html[data-user-theme="baltic"] .to-teal-50 { --tw-gradient-to: var(--ui-primary-soft); }
html[data-user-theme="baltic"] .home-page h1 { letter-spacing: -.035em; }
html[data-user-theme="baltic"] .home-page h2 { letter-spacing: -.025em; }
html[data-user-theme="baltic"] .home-page p { text-wrap: pretty; }
html[data-user-theme="baltic"] .home-page [data-testid^="card-feature-"] { box-shadow: none; }
html[data-user-theme="baltic"] .home-page [data-testid^="card-testimonial-"] { box-shadow: none; background: var(--ui-primary-soft); }
html[data-user-theme="baltic"] .home-page [data-testid^="button-get-started-"] { min-height: 48px; padding-inline: 24px; }
html[data-user-theme="baltic"] .home-page [data-testid="img-hero-illustration"] { aspect-ratio: 4 / 3; object-fit: contain; }
html[data-user-theme="baltic"] .testimonial-slide { flex: 0 0 100%; }
@media (max-width: 639px) {
  html[data-user-theme="baltic"] [data-testid^="card-feature-"] { padding: 20px; }
  html[data-user-theme="baltic"] [data-testid^="card-feature-"] > div { gap: 16px; }
  html[data-user-theme="baltic"] [data-testid^="card-feature-"] > div > div:first-child { width: 64px; height: 64px; }
}
@media (min-width: 768px) {
  html[data-user-theme="baltic"] .testimonial-slide { flex-basis: calc((100% - 24px) / 2); }
}
@media (min-width: 1024px) {
  html[data-user-theme="baltic"] .testimonial-slide { flex-basis: calc((100% - 48px) / 3); }
}
@media (prefers-reduced-motion: reduce) {
  html[data-user-theme="baltic"] .home-page *,
  html[data-user-theme="baltic"] .home-page *::before,
  html[data-user-theme="baltic"] .home-page *::after { animation: none; transition: none; scroll-behavior: auto; }
}

/* Legacy system utility classes, scoped to public layouts. Inline authored quiz styles retain priority. */
html[data-user-theme="baltic"] .bg-\[\#019C9F\] { background-color: var(--ui-primary); }
html[data-user-theme="baltic"] .bg-\[\#019c9f\]\/10 { background-color: var(--ui-primary-soft); }
html[data-user-theme="baltic"] .bg-\[\#2ca7a4\] { background-color: var(--ui-primary); }
html[data-user-theme="baltic"] .bg-\[\#DFF5B3\] { background-color: var(--ui-primary-soft); }
html[data-user-theme="baltic"] .bg-emerald-100 { background-color: var(--ui-primary-soft); }
html[data-user-theme="baltic"] .bg-green-50 { background-color: var(--ui-primary-soft); }
html[data-user-theme="baltic"] .border-emerald-300 { border-color: var(--ui-primary-border); }
html[data-user-theme="baltic"] .border-green-200 { border-color: var(--ui-primary-border); }
html[data-user-theme="baltic"] .border-t-\[\#019c9f\] { border-top-color: var(--ui-primary); }
html[data-user-theme="baltic"] .border-teal-600 { border-color: var(--ui-primary); }
html[data-user-theme="baltic"] .focus\:border-\[\#2ca7a4\]:focus { border-color: var(--ui-primary); }
html[data-user-theme="baltic"] .focus\:ring-\[\#2ca7a4\]\/20:focus { --tw-ring-color: rgb(56 97 140 / 25%); }
html[data-user-theme="baltic"] .focus\:ring-teal-200:focus { --tw-ring-color: rgb(56 97 140 / 25%); }
html[data-user-theme="baltic"] .hover\:bg-teal-50:hover { background-color: var(--ui-primary-soft); }
html[data-user-theme="baltic"] .hover\:ring-teal-200:hover { --tw-ring-color: rgb(56 97 140 / 25%); }
html[data-user-theme="baltic"] .hover\:text-\[\#0A9AAA\]:hover { color: var(--ui-primary); }
html[data-user-theme="baltic"] .hover\:text-teal-700:hover { color: var(--ui-ink); }
html[data-user-theme="baltic"] .ring-teal-100 { --tw-ring-color: rgb(56 97 140 / 25%); }
html[data-user-theme="baltic"] .text-\[\#0A9AAA\] { color: var(--ui-primary); }
html[data-user-theme="baltic"] .text-\[\#2A6B13\] { color: var(--ui-primary); }
html[data-user-theme="baltic"] .text-\[\#F5B50A\] { color: var(--ui-primary); }
html[data-user-theme="baltic"] .text-\[\#f4b400\] { color: var(--ui-primary); }
html[data-user-theme="baltic"] .text-emerald-700 { color: var(--ui-ink); }
html[data-user-theme="baltic"] .text-emerald-950 { color: var(--ui-ink); }
html[data-user-theme="baltic"] .text-green-800 { color: var(--ui-ink); }
html[data-user-theme="baltic"] .text-green-900 { color: var(--ui-ink); }
html[data-user-theme="baltic"] .text-teal-700 { color: var(--ui-ink); }
html[data-user-theme="baltic"] .bg-\[\#FECF4E\] { background-color: var(--ui-primary); color: white; }
html[data-user-theme="baltic"] .bg-\[\#F45A14\] { background-color: var(--ui-primary); color: white; }
html[data-user-theme="baltic"] .bg-\[\#FECF4E\]\/65 { background-color: var(--ui-primary-soft); color: var(--ui-ink); }
html[data-user-theme="baltic"] .border-\[\#FECF4E\] { border-color: var(--ui-primary); }
html[data-user-theme="baltic"] .hover\:bg-yellow-400:hover { background-color: var(--ui-primary-hover); color: white; }