/* HexaMind — brand tokens (shared by documents and UI mockups) */
@import url('fonts/fonts.css'); /* self-hosted IBM Plex, see assets/fonts */

:root {
  /* Primary — Indigo ("Decision") */
  --hx-indigo-50: #EEF0FD;
  --hx-indigo-100: #DDE1FB;
  --hx-indigo-200: #BAC2F6;
  --hx-indigo-500: #3346D3;
  --hx-indigo-600: #2838B5;
  --hx-indigo-700: #1F2C8F;
  --hx-indigo-900: #111A52;

  /* Accent — Teal ("Insight") */
  --hx-teal-50: #E6F8F6;
  --hx-teal-100: #C5EFEA;
  --hx-teal-500: #0FB5A6;
  --hx-teal-600: #0B9488;
  --hx-teal-700: #0A7A70;

  /* Ink — dark surfaces (sidebar, cover) */
  --hx-ink: #0B1530;
  --hx-ink-2: #16213F;
  --hx-ink-3: #1E2A4A;

  /* Neutrals */
  --hx-bg: #F5F7FB;
  --hx-surface: #FFFFFF;
  --hx-border: #E4E7EF;
  --hx-border-strong: #CDD2DE;
  --hx-text: #0F172A;
  --hx-text-2: #334155;
  --hx-muted: #5B6475;
  --hx-faint: #8A93A6;

  /* Status */
  --hx-success: #16A34A;  --hx-success-bg: #E8F7EE;
  --hx-warning: #D97706;  --hx-warning-bg: #FEF3E2;
  --hx-critical: #DC2626; --hx-critical-bg: #FDECEC;
  --hx-info: #0284C7;     --hx-info-bg: #E6F4FB;

  /* AI surfaces */
  --hx-ai-grad: linear-gradient(135deg, #3346D3 0%, #0FB5A6 100%);
  --hx-ai-bg: linear-gradient(135deg, #EEF0FD 0%, #E6F8F6 100%);

  /* Type */
  --hx-font-ar: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
  --hx-font-en: 'IBM Plex Sans', 'Segoe UI', Arial, sans-serif;
  --hx-font-mono: 'IBM Plex Mono', Consolas, monospace;

  /* Shape */
  --hx-radius-sm: 8px;
  --hx-radius: 12px;
  --hx-radius-lg: 16px;
  --hx-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
  --hx-shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 6px 16px rgba(15, 23, 42, .06);
  --hx-shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);
}

html[lang="ar"] { --hx-font: var(--hx-font-ar); }
html[lang="en"] { --hx-font: var(--hx-font-en); }