/* ============================================================================================
   THEME TOKENS (v2 "Business Notebook"). Override these custom properties to restyle the backend's pages
   (customer pages, admin console, impersonation banner). Variable NAMES are unchanged from the previous theme; only values changed.
   Warm paper, ink, ONE brand blue (#2563FF) for buttons. No green, no yellow, no gradients.
   ============================================================================================ */
:root {
  --aa-font: 'DM Sans', 'Segoe UI', system-ui, -apple-system, Roboto, Arial, sans-serif;
  --aa-font-head: 'Instrument Serif', 'Times New Roman', Georgia, serif;
  --aa-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --aa-bg: #f2f0ed;            /* page background: warm paper */
  --aa-bg-2: #e8e5e0;          /* paper 2 */
  --aa-surface: #ffffff;       /* panels, tables, cards */
  --aa-surface-2: #f7f5f2;     /* inputs, hovered rows, code */
  --aa-border: #cfcac2;        /* rule */
  --aa-edge: #cfcac2;
  --aa-text: #0b0f1e;          /* ink */
  --aa-muted: #575f78;
  --aa-link: #1d4ed8;
  --aa-accent: #2563ff;        /* primary buttons / focus / current nav */
  --aa-accent-2: #1d4ed8;
  --aa-accent-dark: #0f2a8a;   /* navy */
  --aa-accent-soft: #b4c8ff;   /* sky 2 */
  --aa-accent-contrast: #ffffff;
  /* status tones: blue / steel / soft red only (never green or yellow) */
  --aa-ok: #0f2a8a;  --aa-ok-bg: #d6e2ff;
  --aa-warn: #575f78; --aa-warn-bg: #e8e5e0;
  --aa-danger: #b42318; --aa-danger-bg: #fbe9e7;
  --aa-info: #1d4ed8; --aa-info-bg: #e6edff;
  --aa-radius: 12px;
  --aa-radius-lg: 18px;
  --aa-gap: 1rem;
  --aa-max-width: 42rem;       /* customer pages */
  --aa-wide-max-width: 68rem;  /* plans page */
  --aa-admin-max-width: 76rem; /* admin console */
  --aa-accent-top: #2563ff; --aa-btn-bg: #2563ff; --aa-btn-edge: #2563ff; --aa-btn-ring: #2563ff;
  --aa-danger-deep: #fbe9e7; --aa-danger-edge: #b42318; --aa-danger-text: #b42318;
  --aa-glow: transparent; --aa-focus-ring: rgba(37, 99, 255, .25); --aa-header-bg: #0b0f1e;
  --aa-shine: transparent; --aa-hover-bg: rgba(11, 15, 30, .05); --aa-shadow-dark: rgba(11, 15, 30, .2);
  --aa-impersonation-bg: #8f1d14;   /* persistent "Viewing as" banner: deep red, impossible to miss */
  --aa-impersonation-text: #ffffff;
  /* v2 palette names (used by style.css) */
  --aa-ink: #0b0f1e; --aa-ink-2: #161b30; --aa-navy: #0f2a8a; --aa-sky: #d6e2ff; --aa-sky-2: #b4c8ff; --aa-mute-d: #aab4d2;
}

/* Buttons: the shared system lives in /static/buttons.css (.btn .btn--primary|secondary|ghost|inverse|danger, .btn--sm|lg|block). Nothing button-related here on purpose. */