/* TBP Insights — design tokens v2 = the unified TBP theme (the TBP admin dashboard theme, as used across Access and Finance).
   OWNER DECISION t2354u: copied READ-ONLY from the TBP ONE shared design system
   (tbp-one/design-system/src/styles.css, commit 22d3456, 2026-11-10 15:40 +0300, "[data-theme=light]" block).
   Nothing in the dashboard or TBP ONE was modified. Light theme only. */
@font-face { font-family: 'IBM Plex Sans Arabic'; src: url('/assets/fonts/IBMPlexSansArabic-Regular.ttf') format('truetype'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans Arabic'; src: url('/assets/fonts/IBMPlexSansArabic-Medium.ttf') format('truetype'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans Arabic'; src: url('/assets/fonts/IBMPlexSansArabic-SemiBold.ttf') format('truetype'); font-weight: 600; font-display: swap; }
@font-face { font-family: 'IBM Plex Sans Arabic'; src: url('/assets/fonts/IBMPlexSansArabic-Bold.ttf') format('truetype'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'Inter'; src: url('/assets/fonts/Inter-Variable.ttf') format('truetype'); font-weight: 100 900; font-display: swap; unicode-range: U+0000-024F, U+2000-206F, U+20AC; }

:root {
  /* dashboard: --bg/--surface/--surface-2/--bg-subtle */
  --bg: #F5F5FA;
  --surface: #FFFFFF;
  --surface-2: #F5F5F7;
  --surface-3: #ECECF3;
  /* dashboard: --text / --text-muted */
  --ink: #111111;
  --ink-2: #6E6E73;
  --ink-3: #6E6E73;
  /* dashboard: --border / --border-strong */
  --hairline: #E8E8ED;
  --hairline-strong: #D1D1D6;
  /* dashboard: --accent / --accent-hover / --accent-soft */
  --brand: #800020;
  --brand-hover: #6B001B;
  --brand-soft: rgba(128, 0, 32, .09);
  /* dashboard: top navigation */
  --nav-bg: #343638;
  --nav-fg: #FFFFFF;
  --nav-muted: #C9C9D6;
  --nav-active: rgba(255, 255, 255, .10);
  /* dashboard states: --ok / --warn / --danger (+ soft) */
  --positive: #16803C;
  --positive-soft: rgba(22, 128, 60, .1);
  --warning: #9A4A5C;
  --warning-soft: rgba(154, 74, 92, .1);
  --critical: #800020;
  --critical-soft: rgba(128, 0, 32, .09);
  --chart-compare: #D1D1D6;

  /* dashboard fonts: Inter (Latin) first, IBM Plex Sans Arabic (Arabic); self-hosted */
  --font: 'Inter', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px;
  /* dashboard radii 6 / 10 / 14 and shadow */
  --radius-card: 14px; --radius-md: 10px; --radius-sm: 6px; --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .04);
  --fs-xs: 12px; --fs-sm: 13px; --fs-md: 14px; --fs-lg: 16px; --fs-xl: 20px; --fs-2xl: 26px;
  --nav-h: 56px;
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }