/* Shared site chrome only. Artwork documents keep their own color scheme. */
:root {
  --surface-top: rgba(7, 17, 31, .9);
  --surface-inset: rgba(4, 12, 23, .6);
  --surface-field: rgba(4, 12, 23, .72);
  --surface-subtle: rgba(4, 12, 23, .3);
  --surface-empty: #0a1422;
  --text-secondary: #cad8e8;
  --on-primary: #04241a;
  --primary-hover: #8ce9ce;
  --notice-text: #cce9ff;
  --danger-text: #ffe3e3;
  --selected-bg: rgba(32, 201, 151, .12);
  --selected-border: rgba(99, 230, 190, .7);
  --site-shadow: 0 18px 60px rgba(0, 0, 0, .18);
}

:root[data-site-theme="light"] {
  color-scheme: light;
  --bg: #edf3f7;
  --panel: rgba(255, 255, 255, .78);
  --panel-strong: #edf2f5;
  --line: #cbd5df;
  --text: #1e2935;
  --muted: #526274;
  --primary: #08765e;
  --primary-strong: #06634e;
  --danger: #b42335;
  --warning: #855800;
  --blue: #1865a3;
  --surface-top: rgba(247, 251, 253, .82);
  --surface-inset: rgba(234, 240, 244, .8);
  --surface-field: rgba(255, 255, 255, .9);
  --surface-subtle: rgba(245, 248, 250, .68);
  --surface-empty: #edf2f5;
  --text-secondary: #35465a;
  --on-primary: #ffffff;
  --primary-hover: #06634e;
  --notice-text: #19557e;
  --danger-text: #a81e31;
  --selected-bg: #e2f2ec;
  --selected-border: #08765e;
  --site-shadow: 0 8px 28px rgba(25, 44, 62, .06);
}

.admin-page { background: var(--bg); }
html[data-site-theme="light"] body {
  background:
    radial-gradient(circle at 10% 5%, rgba(32, 201, 151, .18), transparent 27rem),
    radial-gradient(circle at 90% 20%, rgba(59, 130, 246, .15), transparent 30rem),
    var(--bg);
}
.topbar, .admin-page .topbar { background: var(--surface-top); }
.stat, .card { box-shadow: var(--site-shadow); }
.page-tabs, .project-settings-tabs, .admin-page .project-settings-tabs { background: var(--surface-inset); }
.page-tab.active, .project-settings-tab.active, .admin-page .project-settings-tab.active { background: var(--primary); color: var(--on-primary); }
.profile-tab:hover, .profile-tab.active, .profile-chip:hover, .profile-chip.active,
.admin-question-item.active { border-color: var(--selected-border); background: var(--selected-bg); color: var(--text); }
.answer, .answer-cell, label { color: var(--text-secondary); }
.one-click-choice-toggle, .schedule-toggle { color: var(--text); }
.user-work-stream-text, .pelican-tile { background: var(--surface-inset); }
.pelican-tile-empty { background: var(--surface-empty); }
.one-click-choice, .schedule-option, .profile-chip { background: var(--surface-subtle); }
input, select, textarea { background: var(--surface-field); }
input::placeholder, textarea::placeholder { color: var(--muted); opacity: 1; }
input:focus, select:focus, textarea:focus { border-color: var(--selected-border); }
.btn { color: var(--on-primary); }
.btn:hover { background: var(--primary-hover); }
.btn.secondary:hover { background: var(--selected-bg); }
.btn.danger { color: var(--danger-text); }
.btn.danger:hover { background: rgba(255, 107, 107, .24); }
.notice { color: var(--notice-text); }
.notice.error { color: var(--danger-text); }
.pelican-preview-dialog { background: var(--bg); border-color: var(--line); }
.pelican-preview-head { background: var(--panel-strong); }
.pelican-preview-toolbar { background: var(--surface-inset); }

/* No inherited dark form controls inside an otherwise unstyled HTML artwork. */
.pelican-tile-stage iframe, .pelican-preview-stage iframe { color-scheme: normal; }