/*
  WP Local Accessibility — brand tokens.
  Consumed by the plugin admin UI, frontend toolbar, and brochure site so all three stay in sync.
  Expects a sibling "fonts/" directory holding the four self-hosted woff2 files below (see
  brand/fonts — OFL-licensed, sourced from Google Fonts, license text included per family).
*/

@font-face {
  font-family: "Big Shoulders Display";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("fonts/big-shoulders-display-700.woff2") format("woff2");
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("fonts/source-sans-3-variable.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/ibm-plex-mono-400.woff2") format("woff2");
}

@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/ibm-plex-mono-500.woff2") format("woff2");
}

:root {
  /* Color */
  --wla-ink: #16202B;
  --wla-fog: #EEF0EA;
  --wla-beacon: #E8A33D;
  --wla-harbor: #1F5C5C;
  --wla-sage: #6B8F71;

  /* Semantic aliases */
  --wla-color-bg: var(--wla-fog);
  --wla-color-text: var(--wla-ink);
  --wla-color-accent: var(--wla-beacon);
  --wla-color-link: var(--wla-harbor);
  --wla-color-status-ok: var(--wla-sage);

  /* Type */
  --wla-font-display: "Big Shoulders Display", "Oswald", "Arial Narrow", sans-serif;
  --wla-font-body: "Source Sans 3", "Inter", -apple-system, "Segoe UI", sans-serif;
  --wla-font-mono: "IBM Plex Mono", "SF Mono", Menlo, Consolas, monospace;
}

:root[data-theme="dark"] {
  --wla-color-bg: var(--wla-ink);
  --wla-color-text: var(--wla-fog);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --wla-color-bg: var(--wla-ink);
    --wla-color-text: var(--wla-fog);
  }
}