/* Visual 2.0 foundation. Feature styles consume these values; do not redefine them. */
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter/InterVariable.woff2') format('woff2');
}
@font-face {
  font-family: Inter;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/inter/InterVariable-Italic.woff2') format('woff2');
}
:root {
  color-scheme: light;
  --pcs-paper: #f6f5f2;
  --pcs-surface: #fff;
  --pcs-inset: #edf2f3; /* Cool mist for nested panels, distinct from warm page paper. */
  --pcs-soft: #efeeea;
  --pcs-ink: #192b3a;
  --pcs-muted: #5e6b74;
  --pcs-accent: #165c64;
  --pcs-accent-hover: #104850;
  --pcs-accent-soft: #e4edeb;
  --pcs-line: #d9dedf;
  --pcs-card-line: #e2e3e0;
  --pcs-divider: #ececea;
  --pcs-input: #7d898f;
  --pcs-green: #246b45;
  --pcs-green-soft: #eaf4ed;
  --pcs-amber: #8a5a12;
  --pcs-amber-soft: #fcf3de;
  --pcs-red: #a33c3c;
  --pcs-red-hover: #842f2f;
  --pcs-red-soft: #faecec;
  --pcs-font: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --pcs-text: 1rem;
  --pcs-meta: .875rem;
  --pcs-note: .75rem;
  --pcs-title: 2rem;
  --pcs-section: 1.5rem;
  --pcs-heading: 1.125rem;
  --pcs-space-1: .25rem;
  --pcs-space-2: .5rem;
  --pcs-space-3: .75rem;
  --pcs-space-4: 1rem;
  --pcs-space-6: 1.5rem;
  --pcs-space-8: 2rem;
  --pcs-space-12: 3rem;
  --pcs-content: 1320px;
  --pcs-form: 960px;
  --pcs-reading: 800px;
  --pcs-gutter: 24px;
  --pcs-control-radius: 8px;
  --pcs-card-radius: 12px;
  --pcs-dialog-radius: 16px;
  --pcs-target: 44px;
  --pcs-floating-shadow: 0 8px 28px rgb(25 43 58 / 14%);
  --pcs-header-height: 120px; /* Measured by shell.js when enhancement is available. */
  --bs-font-sans-serif: var(--pcs-font);
  --bs-body-font-family: var(--pcs-font);
  --bs-body-color: var(--pcs-ink);
  --bs-body-bg: var(--pcs-paper);
  --bs-primary: var(--pcs-accent);
  --bs-primary-rgb: 22, 92, 100;
  --bs-secondary: var(--pcs-muted);
  --bs-secondary-rgb: 94, 107, 116;
  --bs-success: var(--pcs-green);
  --bs-success-rgb: 36, 107, 69;
  --bs-warning: var(--pcs-amber);
  --bs-warning-rgb: 138, 90, 18;
  --bs-danger: var(--pcs-red);
  --bs-danger-rgb: 163, 60, 60;
}
@media (max-width: 767.98px) {
  :root { --pcs-title: 1.75rem; --pcs-gutter: 16px; }
}