/* ===== Fonts (self-hosted, no CDN) ===== */
@font-face { font-family:'IBM Plex Sans Arabic'; src:url('/fonts/IBMPlexSansArabic-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'IBM Plex Sans Arabic'; src:url('/fonts/IBMPlexSansArabic-Medium.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face { font-family:'IBM Plex Sans Arabic'; src:url('/fonts/IBMPlexSansArabic-SemiBold.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face { font-family:'IBM Plex Mono'; src:url('/fonts/IBMPlexMono-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face { font-family:'IBM Plex Mono'; src:url('/fonts/IBMPlexMono-Medium.woff2') format('woff2'); font-weight:500; font-display:swap; }

/* ===== Design tokens — Refined Intelligence Console ===== */
:root {
  /* surfaces */
  --bg-app: #0b1220;
  --bg-surface: #131b2e;
  --bg-elevated: #1a2438;
  --bg-input: #0d1524;
  /* borders */
  --border: #26304a;
  --border-strong: #34406a;
  --border-focus: #38bdf8;
  /* text */
  --text-primary: #e2e8f0;
  --text-secondary: #94a3b8;
  --text-muted: #8695ad; /* lightened from #64748b to clear AA on surfaces */
  /* accent (single) */
  --accent: #38bdf8;
  --accent-hover: #7dd3fc;
  --accent-bg: #0b2a3a;
  --on-accent: #06263a;
  /* semantic (reserved for meaning) */
  --success: #4ade80; --success-bg: #132a1e;
  --danger: #f87171; --danger-bg: #3a1620;
  --warning: #fbbf24; --warning-bg: #3a2e10;
  /* typography */
  --font-ui: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --text-xs: 12px; --text-sm: 13px; --text-base: 14px; --text-md: 15px;
  --text-lg: 17px; --text-xl: 20px; --text-2xl: 24px;
  /* spacing */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-8: 48px;
  /* radius / elevation / motion */
  --radius-sm: 4px; --radius: 6px; --radius-lg: 10px;
  --shadow-overlay: 0 8px 24px rgba(3,7,15,0.45);
  --scrim: rgba(3,7,15,0.72); /* dim behind modals / drawer / lightbox / dropzone overlays */
  --transition: 0.15s ease;
}