/* Aelixar interface tokens. Logo artwork remains source-faithful. */
@font-face {
  font-family: Inter;
  src: url("../../brand/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: light;
  --ax-blue: #1a63a8;
  --ax-signal: #2080c3;
  --ax-sky: #449dd6;
  --ax-cyan: #29c1df;
  --ax-aqua: #73ccd3;
  --ax-slate: #7e99a0;
  --ax-mist: #a6bfc4;
  --ax-canvas: #f4f8fa;
  --ax-surface: #fff;
  --ax-surface-subtle: #f8fafc;
  --ax-surface-hover: #eef3f8;
  --ax-ink: #062a42;
  --ax-text: #263f53;
  --ax-muted: #536b7d;
  --ax-border: #d9e3eb;
  --ax-border-strong: #a9bbc9;
  --ax-primary: #1a63a8;
  --ax-primary-hover: #124f88;
  --ax-primary-soft: #eaf2fa;
  --ax-on-primary: #fff;
  --ax-success: #126342;
  --ax-success-soft: #e9f5ee;
  --ax-warning: #805500;
  --ax-warning-soft: #fff5dd;
  --ax-danger: #ae2839;
  --ax-danger-soft: #fceef0;
  --ax-info: #155f83;
  --ax-info-soft: #e8f5fa;
  --ax-focus: #1a63a8;
  --ax-shadow: 0 2px 6px #062a4205, 0 8px 24px #062a4204;
  --ax-radius: 10px;
  --ax-radius-sm: 6px;
  --ax-sidebar: 256px;
  --ax-rail: 72px;
  --ax-header: 56px;
  --ax-font: Inter, Arial, system-ui, sans-serif;
  --ax-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
}
:root[data-appearance="dark"] {
  color-scheme: dark;
  --ax-canvas: #0c1723;
  --ax-surface: #122230;
  --ax-surface-subtle: #172b3b;
  --ax-surface-hover: #1e3649;
  --ax-ink: #eff6fc;
  --ax-text: #d2e0ec;
  --ax-muted: #a4b8ca;
  --ax-border: #30495d;
  --ax-border-strong: #637f96;
  --ax-primary: #8bc5ff;
  --ax-primary-hover: #badcff;
  --ax-primary-soft: #163b5e;
  --ax-on-primary: #062a42;
  --ax-success: #86dfb0;
  --ax-success-soft: #133c2d;
  --ax-warning: #f3d07c;
  --ax-warning-soft: #3e321b;
  --ax-danger: #ffacb6;
  --ax-danger-soft: #442531;
  --ax-info: #8ad6f3;
  --ax-info-soft: #15384c;
  --ax-focus: #8bc5ff;
  --ax-shadow: 0 8px 24px #00000018;
}