:root {
  --poster-red: #8C0E0E;
  --poster-blue: #0E0E8C;
  --poster-white: #E6D9BE;
  --poster-black: #241D1A;
  --poster-muted: rgba(36, 29, 26, 0.68);
  --poster-line: rgba(36, 29, 26, 0.28);

  --bg: var(--poster-white);
  --fg: var(--poster-black);
  --accent: var(--poster-blue);
  --accent-soft: rgba(14, 14, 140, 0.12);
  --border: var(--poster-line);
  --muted: var(--poster-muted);

  --home-paper: var(--poster-white);
  --home-ink: var(--poster-black);
  --home-red: var(--poster-red);
  --home-green: var(--poster-blue);
  --home-cream: var(--poster-white);

  --paper: var(--poster-white);
  --panel: rgba(230, 217, 190, 0.88);
  --line: var(--poster-line);
  --accent-dark: var(--poster-red);
  --danger-soft: var(--poster-white);
  --gold: var(--poster-blue);
  --shadow: 9px 9px 0 rgba(14, 14, 140, 0.52), -3px -3px 0 rgba(140, 14, 14, 0.34);
}

html {
  background: var(--poster-white);
}

body {
  color: var(--poster-black);
  background: var(--poster-white) !important;
  isolation: isolate;
}

body::before,
body::after,
html::before,
html::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body::before {
  display: none;
}

body::after {
  z-index: 2147483001;
  opacity: 0.16;
  mix-blend-mode: multiply;
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.25' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.95'/%3E%3C/svg%3E");
  background-position: 0 0;
  background-size: 150px 150px;
}

html::before {
  display: none;
}

html::after {
  display: none;
}

body > * {
  position: relative;
  z-index: 1;
}

.home-title,
h1,
h2,
.brand,
.site-title,
.home-panel-title {
  text-shadow: none;
}

.home-kicker,
.eyebrow,
.summary-label,
.section-meta,
.projects-kicker {
  color: var(--poster-red) !important;
}

.home-panel,
.picker,
.app,
.summary,
.section-item.active,
.round-pill,
.modal-panel,
.quest-result,
.admin-section,
.topbar,
button,
input,
select,
textarea {
  box-shadow:
    none !important;
}

.home-panel,
.primary-button,
.progress-fill,
.public-page .brand::before {
  background-color: var(--poster-red) !important;
}

.home-panel-interests,
.section-item.active,
.phase-badge,
.public-page .filters,
.public-page .primary-button:hover {
  background-color: var(--poster-blue) !important;
}

.home-panel,
.project-card,
.primary-button,
.public-page .filters,
.phase-badge {
  background-image: none !important;
}

.home-panel::before {
  border-color: rgba(230, 217, 190, 0.58) !important;
}

.home-search-icon,
.home-theme-toggle,
.header-search-icon,
.theme-toggle,
input,
select,
textarea,
.round-pill,
.summary,
.modal-panel,
.picker,
.app,
.topbar {
  background-color: rgba(230, 217, 190, 0.82) !important;
  border-color: var(--poster-line) !important;
  backdrop-filter: blur(10px);
}

.home-search-icon:hover,
.home-theme-toggle:hover,
.header-search-icon:hover,
.theme-toggle:hover,
.primary-button,
.link-button {
  color: var(--poster-white) !important;
  background-color: var(--poster-red) !important;
}

.public-page,
.public-page .shell,
.admin-shell {
  background: var(--poster-white) !important;
}

.public-page .picker,
.public-page input,
.public-page select,
.public-page textarea,
.public-page .modal-panel,
.public-page .quest-result,
.public-page .secondary-button,
.public-page .danger-button,
.public-page .link-button,
.public-page .icon-button {
  background-color: var(--poster-white) !important;
  color: var(--poster-black) !important;
}

.public-page .primary-button,
.public-page label {
  color: var(--poster-white) !important;
}

@media (prefers-reduced-motion: reduce) {
  body::before {
    display: none;
  }
}