/* Design tokens shared with the other products' sites. Colour-role rule: a
   brand or status colour is a fill OR a text colour, never both - text uses
   the -text variant, fills and borders the base. */
:root {
  --ac-bg:#0D1117;            --ac-bg-elevated:#121822;
  --ac-surface:#161D28;       --ac-surface-hover:#1C2532;  --ac-surface-sunken:#0A0F16;
  --ac-border:#232C3A;        --ac-border-strong:#334052;
  --ac-text:#E6EAF0;          --ac-text-secondary:#9AA6B8; --ac-text-tertiary:#8C97A8;
  --ac-brand:#2F81F7;         --ac-brand-hover:#4A93FF;
  --ac-brand-solid:#1F6FE0;   --ac-brand-text:#4F96FF;
  --ac-brand-subtle:rgba(47,129,247,.12);  --ac-brand-border:rgba(47,129,247,.35);
  --ac-accent-teal:#2DA9A0;   --ac-accent-teal-text:#5FC9C0;
  --ac-success:#2EA043;       --ac-success-text:#56C96B;
  --ac-success-bg:rgba(46,160,67,.12);     --ac-success-border:rgba(46,160,67,.35);
  --ac-warning:#D29922;       --ac-warning-text:#E3B341;
  --ac-warning-bg:rgba(210,153,34,.12);    --ac-warning-border:rgba(210,153,34,.35);
  --ac-danger-text:#F47067;

  --ac-font:'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --ac-radius-panel:8px;  --ac-radius-btn:6px;  --ac-radius-badge:999px;
  --ac-max:1120px;
}