/* Service design baseline: G172 navy, G173 workspace and G177 photo-first album.
   Screen tokens are shared by the app, standalone links and Django admin.
   Print styles deliberately retain paper surfaces. */
@media screen {
  :root {
    --ui-bg: #18202b;
    --ui-surface: #222d3b;
    --ui-soft: #2c3e52;
    --ui-ink: #e2ebf4;
    --ui-muted: #a8b6c6;
    --ui-line: #3b4858;
    --ui-primary: #b3d5f5;
    --ui-on-primary: #173451;
    --ui-hover: #c9e2f8;
    --ui-success: #afe0cc;
    --ui-success-bg: #263f38;
    --ui-warning: #edcd8c;
    --ui-warning-bg: #493e29;
    --ui-danger: #f0b4ca;
    --ui-danger-bg: #49313c;
    --ui-purple: #d2c0ee;
    --ui-purple-bg: #393246;
    --ui-font: Pretendard, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Malgun Gothic', sans-serif;
    --ui-space-1: 4px;
    --ui-space-2: 8px;
    --ui-space-3: 12px;
    --ui-space-4: 16px;
    --ui-space-5: 24px;
    --ui-space-6: 32px;
    --ui-radius-control: 10px;
    --ui-radius-card: 14px;
    --ui-radius-dialog: 18px;
    --ui-control-height: 44px;
    --ui-control-font-size: 14px;
    --ui-control-line-height: 22px;
    --ui-shadow: 0 16px 48px #060d1866;
  }
  /* Church pages reuse the pre-G180 redesign.css variables. These aliases
     do not recolor the existing components or import the operations palette. */
  body.glory-app:not(.gathering-ops-theme):not(.registration-standalone):not(.gathering-shared-page):not(.external) {
    --ui-bg: var(--background); --ui-surface: var(--surface);
    --ui-soft: var(--surface-secondary); --ui-ink: var(--text-primary);
    --ui-muted: var(--text-secondary); --ui-line: var(--border);
    --ui-primary: var(--primary); --ui-on-primary: #fff;
    --ui-hover: var(--primary-hover); --ui-danger: var(--danger);
    --ui-danger-bg: #fff0ee; --ui-warning: #795b2b;
    --ui-warning-bg: var(--accent-soft);
    --ui-purple: var(--text-primary); --ui-purple-bg: var(--event-purple);
  }
  /* The approved photo-first album had its own navy before G180. */
  body:has(#app-content.album-workspace):not(.shared-page):not(.gathering-ops-theme) {
    --ui-bg: var(--album-bg); --ui-surface: var(--album-paper);
    --ui-soft: var(--album-soft); --ui-ink: var(--album-ink);
    --ui-muted: var(--album-sub); --ui-line: var(--album-line);
    --ui-primary: var(--album-blue); --ui-on-primary: #17334b;
  }
  /* The approved public application is a reading-focused light variant.
     It uses the same spacing, type and control roles, without recoloring
     attendance/lodging choices or the completion illustration. */
  body.registration-clean-white,
  body.registration-legacy-white {
    --ui-bg: #f5f7f8; --ui-surface: #fff; --ui-soft: #e0f1eb;
    --ui-ink: #182c36; --ui-muted: #55656e; --ui-line: #b5c3c8;
    --ui-primary: #24685e; --ui-on-primary: #fff; --ui-hover: #19584f;
    --ui-success: #254f44; --ui-success-bg: #e0f1eb;
    --ui-warning: #785820; --ui-warning-bg: #fff4d9;
    --ui-danger: #9b3048; --ui-danger-bg: #fbeaf0;
    --ui-purple: #4d3c68; --ui-purple-bg: #f0eaf8;
  }
}