/* =========================================================
   Rasma Design Tokens — edit here to re-brand the product
   ========================================================= */
:root {
  /* Brand */
  --brand-50:#EEF3FF; --brand-100:#DCE6FF; --brand-200:#B9CCFF; --brand-300:#8EA6FF; --brand-400:#5E80FF;
  --brand-500:#2D5BFF; --brand-600:#1F45E0; --brand-700:#1834B0; --brand-800:#14298A; --brand-900:#0F1E66;
  --accent:#FFB020; --accent-soft:#FFF4DB; --accent-ink:#8A5A00;
  /* Semantic */
  --success:#12B76A; --success-soft:#E7F8EF; --warning:#F79009; --warning-soft:#FEF4E6;
  --danger:#F04438; --danger-soft:#FEECEB; --info:#2E90FA; --info-soft:#EAF4FF;
  /* Neutrals (light) */
  --bg:#F6F7FB; --surface:#FFFFFF; --surface-2:#F1F3F9; --surface-3:#E9ECF4; --border:#E4E7EF; --border-strong:#CDD3E0;
  --text:#0F172A; --text-2:#475467; --text-3:#8A94A6; --on-brand:#FFFFFF;
  /* Charts palette (validated for both themes) */
  --c1:#2D5BFF; --c2:#FFB020; --c3:#12B76A; --c4:#7A5AF8; --c5:#EE46BC; --c6:#06AED4; --c7:#F79009; --c8:#98A2B3;
  /* Typography */
  --font: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  --fs-xs:12px; --fs-sm:13px; --fs-md:14px; --fs-lg:16px; --fs-xl:20px; --fs-2xl:26px; --fs-3xl:34px; --fs-4xl:48px;
  /* Shape & depth */
  --r-sm:8px; --r-md:12px; --r-lg:16px; --r-xl:22px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(16,24,40,.06); --sh-md:0 4px 14px rgba(16,24,40,.08); --sh-lg:0 18px 40px rgba(16,24,40,.14);
  --focus:0 0 0 3px rgba(45,91,255,.35);
  /* Layout */
  --sidebar-w:252px; --topbar-h:60px; --gap:16px;
  color-scheme: light;
}
[data-theme="dark"] {
  --brand-50:#141E3D; --brand-100:#18275A; --brand-200:#1F3478; --brand-300:#3756C6; --brand-400:#5E80FF; --brand-500:#4C74FF; --brand-600:#6B8CFF; --brand-700:#8EA6FF;
  --accent-soft:#3A2C0C; --accent-ink:#FFCB66;
  --success-soft:#0E2E22; --warning-soft:#33240D; --danger-soft:#3A1715; --info-soft:#10243D;
  --bg:#0B1020; --surface:#121A2E; --surface-2:#18223A; --surface-3:#1F2A45; --border:#26314B; --border-strong:#33405F;
  --text:#EEF2FF; --text-2:#A9B4CC; --text-3:#6F7B95;
  --c1:#5E80FF; --c8:#6F7B95;
  --sh-sm:0 1px 2px rgba(0,0,0,.4); --sh-md:0 6px 18px rgba(0,0,0,.35); --sh-lg:0 20px 44px rgba(0,0,0,.5);
  color-scheme: dark;
}