/* Mini-buh by BGA — Design System — generated from tokens.json */
:root, [data-theme="light"] {
  --bga-blue-900: #001b6e;
  --bga-blue-800: #0028a8;
  --bga-blue-700: #0039d1;
  --bga-blue-600: #0057ff;
  --bga-blue-500: #2f73ff;
  --bga-blue-100: #e5eeff;
  --bga-cyan: #2bd4ff;
  --bga-cyan-200: #b8f0ff;
  --bga-ink: #0a0f2c;
  --bga-paper: #f5f2eb;
  --bga-paper-2: #ece6d6;
  --bga-sand: #d9cdb0;
  --bg: #faf8f2;
  --surface: #ffffff;
  --surface-2: var(--bga-paper);
  --surface-3: var(--bga-paper-2);
  --surface-inv: var(--bga-ink);
  --text: var(--bga-ink);
  --text-muted: rgba(10,15,44,0.65);
  --text-inv: #ffffff;
  --text-on-accent: #ffffff;
  --border: rgba(10,15,44,0.10);
  --border-control: rgba(10,15,44,0.48);
  --accent: var(--bga-blue-600);
  --accent-hover: var(--bga-blue-700);
  --accent-soft: var(--bga-blue-100);
  --accent-text: var(--bga-blue-700);
  --cyan: var(--bga-cyan);
  --success: #2f7a4a;
  --success-soft: rgba(47,122,74,0.12);
  --success-text: #245f3a;
  --warn: #b77b14;
  --warn-soft: rgba(183,123,20,0.12);
  --warn-text: #8a5c0e;
  --danger: #c64a3f;
  --danger-soft: rgba(198,74,63,0.10);
  --danger-text: #9a3b33;
  --shadow-sm: 0 1px 0 rgba(10,15,44,0.04);
  --shadow-md: 0 1px 0 rgba(10,15,44,0.04), 0 8px 24px -16px rgba(10,15,44,0.18);
  --shadow-lg: 0 1px 0 rgba(10,15,44,0.05), 0 20px 50px -30px rgba(10,15,44,0.25);
  --ring: 0 0 0 2px #faf8f2, 0 0 0 4px #0057ff;
}
[data-theme="dark"] {
  --bga-blue-900: #001b6e;
  --bga-blue-800: #0028a8;
  --bga-blue-700: #0039d1;
  --bga-blue-600: #0057ff;
  --bga-blue-500: #2f73ff;
  --bga-blue-100: #e5eeff;
  --bga-cyan: #2bd4ff;
  --bga-cyan-200: #b8f0ff;
  --bga-ink: #0a0f2c;
  --bga-paper: #f5f2eb;
  --bga-paper-2: #ece6d6;
  --bga-sand: #d9cdb0;
  --bg: #07091f;
  --surface: #11173a;
  --surface-2: #0b1130;
  --surface-3: #1a2150;
  --surface-inv: #ffffff;
  --text: #f2efe5;
  --text-muted: rgba(242,239,229,0.65);
  --text-inv: var(--bga-ink);
  --text-on-accent: #07091f;
  --border: rgba(255,255,255,0.09);
  --border-control: rgba(242,239,229,0.50);
  --accent: #4f8aff;
  --accent-hover: #6fa0ff;
  --accent-soft: rgba(79,138,255,0.16);
  --accent-text: #8fb4ff;
  --cyan: var(--bga-cyan);
  --success: #5bc084;
  --success-soft: rgba(91,192,132,0.14);
  --success-text: #7fd2a1;
  --warn: #ffb960;
  --warn-soft: rgba(255,185,96,0.12);
  --warn-text: #ffc97f;
  --danger: #ff6b5c;
  --danger-soft: rgba(255,107,92,0.12);
  --danger-text: #ff8a7e;
  --shadow-sm: 0 1px 0 rgba(0,0,0,0.4);
  --shadow-md: 0 1px 0 rgba(0,0,0,0.4), 0 8px 24px -16px rgba(0,0,0,0.6);
  --shadow-lg: 0 1px 0 rgba(0,0,0,0.4), 0 20px 50px -30px rgba(0,0,0,0.8);
  --ring: 0 0 0 2px #07091f, 0 0 0 4px #4f8aff;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-pill: 999px;
  --touch: 48px;
  --icon: 24px;
  --font-display: "Century Gothic", "Futura", system-ui, sans-serif;
  --font-body: "Inter Tight", "Inter", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-arabic: "IBM Plex Sans Arabic", "Noto Naskh Arabic", system-ui, sans-serif;
  --font-devanagari: "Noto Sans Devanagari", system-ui, sans-serif;
  --font-malayalam: "Noto Sans Malayalam", system-ui, sans-serif;
  --font-bengali: "Noto Sans Bengali", system-ui, sans-serif;
}
.display { font-family: var(--font-display); font-size: 56px; line-height: 1.05; font-weight: 700; letter-spacing: -0.02em; }
.stat { font-family: var(--font-display); font-size: 48px; line-height: 1; font-weight: 700; letter-spacing: -0.02em; }
.h1 { font-family: var(--font-display); font-size: 32px; line-height: 1.15; font-weight: 700; letter-spacing: -0.01em; }
.h2 { font-family: var(--font-display); font-size: 24px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.h3 { font-family: var(--font-body); font-size: 19px; line-height: 1.3; font-weight: 600; letter-spacing: -0.005em; }
.body { font-family: var(--font-body); font-size: 16px; line-height: 1.5; font-weight: 400; }
.body-strong { font-family: var(--font-body); font-size: 16px; line-height: 1.5; font-weight: 600; }
.caption { font-family: var(--font-body); font-size: 13px; line-height: 1.4; font-weight: 400; }
.amount { font-family: var(--font-mono); font-size: 16px; line-height: 1.5; font-weight: 500; }
.eyebrow { font-family: var(--font-mono); font-size: 11px; line-height: 1.2; font-weight: 500; letter-spacing: 0.14em; }
.code { font-family: var(--font-mono); font-size: 13px; line-height: 1.5; font-weight: 400; }
.body-ar { font-family: var(--font-arabic); font-size: 16px; line-height: 1.7; font-weight: 400; }
.h2-ar { font-family: var(--font-arabic); font-size: 24px; line-height: 1.4; font-weight: 600; }
.body-hi { font-family: var(--font-devanagari); font-size: 16px; line-height: 1.7; font-weight: 400; }
.h2-hi { font-family: var(--font-devanagari); font-size: 24px; line-height: 1.4; font-weight: 600; }
.body-ml { font-family: var(--font-malayalam); font-size: 16px; line-height: 1.7; font-weight: 400; }
.body-bn { font-family: var(--font-bengali); font-size: 16px; line-height: 1.7; font-weight: 400; }