@font-face {
  font-family: 'Axiforma';
  src: url('../fonts/axiforma-semi-bold.woff2') format('woff2'),
       url('../fonts/axiforma-semi-bold.woff') format('woff');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --bg: #0f1117;
  --bg1: #0f1117;
  --bg2: #161921;
  --bg3: #1d2130;
  --bg4: #252a3a;
  --border: rgba(255,255,255,0.08);
  --border2: rgba(255,255,255,0.14);
  --text: #e8eaf2;
  --text2: #9ba1b5;
  --text3: #636a82;
  --text1: #e8eaf2;
  --accent: #4f7cff;
  --accent2: #3d63e8;
  --green: #2dd98a;
  --green2: #1a9e61;
  --amber: #f5a623;
  --amber2: #c4821a;
  --red: #ff5263;
  --red2: #c73d4c;
  --purple: #9b7dff;
  --teal: #36d9cc;
  --gold: #FFAE00;
  --navy: #073763;
  --radius: 10px;
  --radius-sm: 6px;
  --font: 'DM Sans', sans-serif;
  --font-brand: 'Axiforma', 'DM Sans', sans-serif;
  --mono: 'DM Mono', monospace;
  --font-mono: 'DM Mono', monospace;
  /* Layout padding — .main overrides these per breakpoint; full-bleed
     children (.section-header, .tracker-sticky-header, .sa-page) negate them. */
  --pad-x: 28px;
  --pad-y: 24px;
  /* Height of the fixed .app-footer — full-height panels subtract it. */
  /* The iPhone notch and home bar (env() is 0 on every other device — and inside the
     Android app, whose shell has already moved the page clear of its bars). index.html
     sets viewport-fit=cover, which is what makes iOS report them. */
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  /* The fixed topbar: 56px, plus the notch. Every shell measurement reads this. */
  --topbar-h: calc(56px + var(--safe-top));
  --footer-h: calc(32px + var(--safe-bottom));
  /* Sidebar width. TRIAL 2026-09-30: 256px, Leora's width, so a real name and
     the Verified chip fit side by side. Roll back by setting 230px here —
     every width, offset and the grid column read this one value. */
  --sidebar-w: 256px;
}