/* MitaBase Pro — a product of ETMITA · https://etmita.com
   Copyright © ETMITA. All rights reserved. */
/* public/tokens.css — the MITA Base design tokens and brand faces
   (docs/design-system.md §2/§3). This file is the ONLY home of these
   values; the panel (index.html) and the standalone login page both
   link it. A colour that exists in two files with two values is this
   codebase's oldest failure mode. */

/* ── MITA Base brand faces — self-hosted variable fonts
   (docs/design-system.md §3). Never a CDN: the panel runs inside
   clinic networks and a blocked font request must not change the UI —
   the stack falls through to Inter. */
@font-face { font-family: "Manrope"; font-style: normal; font-weight: 400 800; font-display: swap;
  src: url("/fonts/manrope-var-latin.woff2") format("woff2"),
       url("/fonts/manrope-var-latin-ext.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/fonts/jetbrains-mono-var-latin.woff2") format("woff2"),
       url("/fonts/jetbrains-mono-var-latin-ext.woff2") format("woff2"); }

/* ── MITA Base design tokens (docs/design-system.md §2) — the ONLY
   place these hex values live. tailwind.config.js deliberately does
   NOT repeat them: a colour that exists in two files with two values
   is this codebase's oldest failure mode. */
:root {
  --mb-ink: #171717;
  --mb-ink-2: #262626;
  --mb-ink-3: #222222;
  --mb-body: #404040;
  --mb-body-2: #525252;
  --mb-muted: #737373;
  --mb-faint: #A3A3A3;
  --mb-ondark: #D4D4D4;
  --mb-line: #E5E5E5;
  --mb-hairline: #F0F0F0;
  --mb-row: #F5F5F5;
  --mb-alt: #FAFAFA;
  --mb-limetint: #FDFFF7;
  --mb-lime: #A4F03A;
  --mb-lime-hover: #BEF264;
  --mb-lime-mid: #84CC16;
  --mb-lime-text: #65A30D;
  --mb-lime-deep: #4D7C0F;
  --mb-lime-50: #F7FEE7;
  --mb-lime-200: #D9F99D;
  /* logo greens — named into the palette per operator decision
     (2026-08-21). Logo artwork only; never UI accents. */
  --mb-lime-glow: #ECFF92;
  --mb-lime-neon: #A6F03C;
  --mb-lime-soft: #C2F03A;
  --mb-lime-dark: #54B800;
  --mb-lime-leaf: #5BA800;
  --mb-danger: #E5484D;
  --mb-danger-50: #FEF2F2;
  --mb-danger-200: #FECACA;
  --mb-warn: #B45309;
  --mb-meter-amber: #F59E0B;
  --mb-purple: #8538F0;
  --mb-purple-deep: #6F1FD9;
  --mb-purple-tint: #E9E0FD;
  --mb-font-sans: "Manrope", "Inter", "Dana", -apple-system, system-ui, sans-serif;
  --mb-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  /* Persian face — Dana, licensed to MitaBase (fontiran.com, licence
     HTUYC84A, commercial for large projects). It replaced Yekan Bakh and
     Vazirmatn on 2026-09-09: Yekan Bakh is "all rights reserved" and we
     had no licence for it, and shipping two Persian faces meant the one
     we are entitled to was not always the one on screen. */
  --mb-font-fa: "Dana", "Manrope", system-ui, sans-serif;
}

/* ── The Persian face — shared by the panel AND the standalone pages
   (login loads only tokens.css; style.css never reaches it).

   Dana, from fontiran.com, licensed to MitaBase under licence HTUYC84A
   ("commercial, for large projects"). It is proprietary software: the
   files are served from this origin to our own pages and nowhere else,
   and the package itself is not in `public/` — a downloadable zip of a
   licensed font is redistribution (2026-09-09).

   Five weights, the ones the interface actually asks for. A missing file
   falls through to Manrope and then the system stack, so the UI stays
   readable rather than going blank. */
@font-face { font-family: "Dana"; font-style: normal; font-weight: 300; font-display: swap;
  src: url("/fonts/Dana-300.woff2") format("woff2"); }
@font-face { font-family: "Dana"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/fonts/Dana-400.woff2") format("woff2"); }
@font-face { font-family: "Dana"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/fonts/Dana-500.woff2") format("woff2"); }
@font-face { font-family: "Dana"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/fonts/Dana-600.woff2") format("woff2"); }
@font-face { font-family: "Dana"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/fonts/Dana-700.woff2") format("woff2"); }

/* ── Motion + stacking (shell v2, 2026-09-02) ─────────────────────────
   The one easing the design system allows for interface moves, three
   durations, and the z ladder the shell climbs. Colours stay above. */
:root {
  --mb-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --mb-dur-fast: 150ms;
  --mb-dur-base: 220ms;
  --mb-dur-slow: 320ms;
  --mb-z-sidebar: 50;
  --mb-z-navbar: 60;
  --mb-z-backdrop: 75;
  --mb-z-drawer: 80;
  --mb-z-pop: 90;
  --mb-z-tooltip: 9999;
  --mb-z-palette: 200000;
}