/* AiB Platform — design tokens. The single source of truth for color, type,
   spacing, radii and motion across every surface (portal, public, auth).
   Palette mirrors aib-site/tokens.css. Sodium discipline carried over from
   the site: monochrome UI, with sodium appearing ONLY as the wordmark's
   tittle and LIVE/running indicators — never as a general accent.

   Breakpoint ladder (custom properties can't reach media queries, so the
   ladder lives here as law and in each sheet as literals — no other widths):
     1180  wide boards keep four live columns
     1020  sidebar folds to the icon rail; two-column layouts fold
      860  mid folds (modal grid, settings, free-tools summary)
      719  phone: off-canvas drawer, single column (aib-site's phone line)
      560  smallest folds (invoice parties)
   Rail tier is scoped 720–1020 so tiers never overlap or fight. */

:root {
  --ink: #0D0E13;
  --grey: #75777C;
  --grey-dark: #9A9CA3;
  --white: #FFFFFF;
  --paper: #FAFAF9;
  --canvas: #F4F4F2;
  --sodium: #FFA43B;

  /* semantic statuses — muted, editorial; tinted face + dark text */
  --ok: #2E7D5B;
  --ok-face: #E8F2ED;
  --warn: #A96B1F;
  --warn-face: #F7EFE2;
  --info: #3D639F;
  --info-face: #E9EFF7;
  --danger: #AC4238;
  --danger-face: #F7EAE8;

  --hairline: rgba(13, 14, 19, 0.10);
  --hairline-strong: rgba(13, 14, 19, 0.18);
  --hairline-dark: rgba(255, 255, 255, 0.14);

  --sidebar-w: 248px;
  --sidebar-w-collapsed: 64px;
  --topbar-h: 60px;
  --pad: clamp(20px, 2.6vw, 36px);
  --radius: 14px;
  --radius-sm: 10px;
  --shadow-card: 0 1px 2px rgba(13, 14, 19, 0.04);

  --font-display: "Sofia Sans", "Segoe UI", sans-serif;
  --font-body: "Inter Tight", "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --ease-out: cubic-bezier(0.16, 0.84, 0.24, 1);
}

/* phones: the gutter narrows so 360px screens keep a working text column */
@media (max-width: 719px) {
  :root { --pad: 16px; }
}