/* 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", "Vazirmatn", -apple-system, system-ui, sans-serif;
  --mb-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  /* Persian face — operator decision (2026-08-21): Yekan Bakh for
     every Persian surface, the login page included. */
  --mb-font-fa: "Yekan Bakh", "Vazirmatn", "Manrope", system-ui, sans-serif;
}

/* ── Persian faces — shared by the panel AND the standalone pages
   (login loads only tokens.css; style.css never reaches it). */
@font-face { font-family: "Vazirmatn"; font-style: normal; font-weight: 400; font-display: swap;
  src: url("/fonts/Vazirmatn-400-arabic.woff2") format("woff2"),
       url("/fonts/Vazirmatn-400-latin.woff2") format("woff2"),
       url("/fonts/Vazirmatn-400-latin-ext.woff2") format("woff2"); }
@font-face { font-family: "Vazirmatn"; font-style: normal; font-weight: 500; font-display: swap;
  src: url("/fonts/Vazirmatn-500-arabic.woff2") format("woff2"),
       url("/fonts/Vazirmatn-500-latin.woff2") format("woff2"),
       url("/fonts/Vazirmatn-500-latin-ext.woff2") format("woff2"); }
@font-face { font-family: "Vazirmatn"; font-style: normal; font-weight: 700; font-display: swap;
  src: url("/fonts/Vazirmatn-700-arabic.woff2") format("woff2"),
       url("/fonts/Vazirmatn-700-latin.woff2") format("woff2"),
       url("/fonts/Vazirmatn-700-latin-ext.woff2") format("woff2"); }
/* ── Brand font: Yekan Bakh, 5 weights, files in /fonts/.
   If a file 404s the cascade falls through to Vazirmatn → Inter →
   the system stack so the UI stays readable. */
@font-face {
  font-family: "Yekan Bakh";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/yekan%20bakh%20en%2003%20light.ttf") format("truetype");
}
@font-face {
  font-family: "Yekan Bakh";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/yekan%20bakh%20en%2004%20regular.ttf") format("truetype");
}
@font-face {
  font-family: "Yekan Bakh";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/yekan%20bakh%20en%2005%20medium.ttf") format("truetype");
}
@font-face {
  font-family: "Yekan Bakh";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/yekan%20bakh%20en%2006%20bold.ttf") format("truetype");
}
@font-face {
  font-family: "Yekan Bakh";
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("/fonts/yekan%20bakh%20en%2007%20heavy.ttf") format("truetype");
}

/* ── 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;
}