/*
 * The brand layer shared by both connector surfaces: the wp-admin pages and
 * the inline editor overlay.
 *
 * These screens run inside someone else's WordPress, so everything here is
 * either a custom property or scoped by the callers — nothing bleeds into the
 * host page. The palette and the weight roles are the staff console's, so a
 * site owner who sees both never has to wonder whether they are the same
 * product.
 *
 * Archivo is the WP SEO AI brand face, vendored here in the same three cuts the
 * console serves (400 body, 500 interactive, 600 headings). It ships inside the
 * plugin rather than loading from Google: a client site must not make a request
 * to a third party because our admin screen was opened. `font-display: swap`
 * keeps a slow disk from blanking the chrome.
 */

@font-face {
  font-family: "AgencyArchivo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/archivo-v19-latin-regular.woff2") format("woff2");
}
@font-face {
  font-family: "AgencyArchivo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("fonts/archivo-v19-latin-500.woff2") format("woff2");
}
@font-face {
  font-family: "AgencyArchivo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/archivo-v19-latin-600.woff2") format("woff2");
}

:root {
  /* Palette — the console's, verbatim. */
  --agency-paper: #16151a;
  --agency-panel: #1b1820;
  --agency-card: #1c1a21;
  --agency-raised: #23202a;

  --agency-line-soft: rgba(233, 238, 250, 0.07);
  --agency-line: rgba(233, 238, 250, 0.16);
  --agency-line-strong: rgba(233, 238, 250, 0.32);

  --agency-ink: #f3f0f7;
  --agency-bright: #fbf9ff;
  --agency-muted: #aaa4af;

  /* One hue, spent only on the primary action, focus, and the live selection. */
  --agency-accent: #cf8aff;
  --agency-accent-soft: #b748ff;
  --agency-accent-ink: #16151a;
  --agency-accent-dim: rgba(183, 72, 255, 0.14);

  /* Status is a tint on text and icon — never a filled badge. */
  --agency-ok: #93b3a3;
  --agency-warn: #c0a37e;
  --agency-bad: #c99a9a;
  --agency-danger: #e8776e;

  --agency-radius-sm: 8px;
  --agency-radius: 12px;

  /* One face, two roles. Mono is reserved for values you might copy: a URL, a
     region key, a secret — never for labels or headings. */
  --agency-face: "AgencyArchivo", ui-sans-serif, system-ui, -apple-system,
    "Segoe UI", Roboto, sans-serif;
  --agency-mono-face: ui-monospace, "SF Mono", "JetBrains Mono", Menlo,
    Consolas, monospace;

  /* The headline treatment, as the brand sets it. */
  --agency-track-display: -0.025em;
  --agency-leading-display: 1.12;
  /* The wordmark's own lockup: "A G E N C Y", wide, under the mark. */
  --agency-track-wordmark: 0.3em;
  --agency-track-kicker: 0.13em;
}