/* WEB-DESIGN-002: local integration source, not installed on WordPress.
   Enqueue from the reviewed theme/plugin asset owner; resolve the relative font
   URL after deployment. Do not duplicate @font-face in individual page blocks. */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./webfonts/Inter-variable.woff2") format("woff2");
}

/* Explicit opt-in wrapper prevents this prepared source affecting other pages. */
.ecg-design-system {
  --ecg-brand-blue: #084987;
  --ecg-blue: #0B6BA4;
  --ecg-midnight: #061321;
  --ecg-white: #FFFFFF;
  --ecg-paper: #F5F9FC;
  --ecg-ink: #23323B;
  --ecg-muted: #536B7A;
  --ecg-line: #D0E1EC;
  --ecg-green-readable: #087A5B;
  --ecg-lime: #48E028;
  --ecg-teal: #09A586;
  --ecg-surface-page: var(--ecg-white);
  --ecg-surface-soft: var(--ecg-paper);
  --ecg-surface-blue-wash: rgba(8, 73, 135, .08);
  --ecg-text-primary: var(--ecg-ink);
  --ecg-text-secondary: var(--ecg-muted);
  --ecg-action-primary-light: var(--ecg-brand-blue);
  --ecg-action-primary-dark: var(--ecg-lime);
  --ecg-link: var(--ecg-blue);
  --ecg-border: var(--ecg-line);
  --ecg-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ecg-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  font-family: var(--ecg-font-sans);
  font-optical-sizing: auto;
  color: var(--ecg-text-primary);
}

.ecg-design-system .ecg-brand-case { text-transform: none; letter-spacing: normal; }
.ecg-design-system .ecg-numeric-table { font-variant-numeric: tabular-nums; }

/* Roles, not automatic component overrides:
   - white/ice + blue hero; midnight used selectively;
   - green/teal restricted to meaning, not recurring decoration;
   - field/focus boundaries need their own tested contrast, not --ecg-line alone;
   - test font fallback and layout shift in the actual WordPress template. */

/* Private template opt-in: use native Kadence typography variables, not footer overrides. */
.ecg-sp-template { --global-body-font-family: var(--ecg-font-sans); --global-heading-font-family: var(--ecg-font-sans); --global-primary-nav-font-family: var(--ecg-font-sans); }