/* Wordex Agentic look, loaded after the core styles (Cms.Brand :stylesheet_path).
   It redeclares only what differs from the neutral tokens: the orange action and
   signal, the error page colors and the logo clear space. `html:root` and
   `html.dark` outrank the core `:root` and `.dark` whatever the load order. */

html:root {
  --ui-signal: #ff5a1f;
  --ui-action: #d23e0a;
  --ui-action-hover: #b93508;
  --ui-action-ink: #b33606;

  /* The delivered lockup carries its clear space (128 of 1471.28 viewBox units per
     side, artwork 1215.28) inside the file: let it overhang the column. */
  --brand-logo-overhang: calc(-128 / 1215.28 * 100%);

  /* Standalone error pages */
  --error-bg: #e3e5e9;
  --error-text: #14161b;
  --error-card: #f6f7f8;
  --error-border: #cfd3d9;
  --error-muted: #454a54;
  --error-suite: #5e646f;
  --error-button: #d23e0a;
  --error-button-hover: #b93508;
  --error-button-text: #ffffff;
  --error-focus: #2f6bff;
}

html.dark {
  --ui-signal: #ff6a33;
  --ui-action: #e5531c;
  --ui-action-hover: #f26a36;
  --ui-action-ink: #ff8a5c;
  --ui-on-action: #140803;
}

@media (prefers-color-scheme: dark) {
  html:root {
    --error-bg: #07080a;
    --error-text: #ecedef;
    --error-card: #111317;
    --error-border: #22262d;
    --error-muted: #b3b8c1;
    --error-suite: #8b919b;
    --error-button: #e5531c;
    --error-button-hover: #f26a36;
    --error-button-text: #140803;
    --error-focus: #5b8cff;
  }
}