/* =========================================================
   غيم — Design tokens (Light = سماء النهار / Dark = سماء الليل)
   ========================================================= */
:root{
  color-scheme: light;

  --font-display: 'Baloo Bhaijaan 2', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans Arabic', 'Segoe UI', system-ui, sans-serif;

  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 26px;
  --maxw: 1180px;

  /* sky */
  --bg: #eef5fd;
  --sky-1: #c9e3ff;
  --sky-2: #e3f0fe;
  --sky-3: #eef5fd;

  /* surfaces */
  --surface: #ffffff;
  --surface-2: #f5f9fe;
  --surface-3: #e9f1fb;
  --glass: rgba(255,255,255,.72);
  --line: #d8e5f3;
  --line-strong: #c1d5ec;

  /* text */
  --ink: #0f2740;
  --text: #29445f;
  --muted: #647d97;

  /* brand */
  --primary: #2b7bd6;
  --primary-2: #1b5fb0;
  --primary-soft: rgba(43,123,214,.11);
  --primary-softer: rgba(43,123,214,.06);
  --on-primary: #ffffff;
  --accent: #f3a31f;
  --accent-ink: #9a5f00;
  --accent-soft: rgba(243,163,31,.16);
  --danger: #d34848;
  --danger-soft: rgba(211,72,72,.10);
  --success: #15905c;
  --success-soft: rgba(21,144,92,.12);

  /* clouds */
  --cloud: #ffffff;
  --cloud-2: #deebf9;
  --orb-1: #ffe38f;
  --orb-2: #ffb43d;
  --orb-glow: rgba(255,190,70,.45);

  --nav-bg: rgba(242,248,255,.74);

  --shadow-sm: 0 1px 2px rgba(18,58,108,.06);
  --shadow: 0 1px 2px rgba(18,58,108,.05), 0 16px 34px -20px rgba(18,68,128,.32);
  --shadow-lg: 0 2px 6px rgba(18,58,108,.05), 0 32px 60px -28px rgba(18,68,128,.45);
  --focus: 0 0 0 4px rgba(43,123,214,.20);
}

:root[data-theme="dark"]{
  color-scheme: dark;

  --bg: #07111f;
  --sky-1: #0d1f3d;
  --sky-2: #0a172d;
  --sky-3: #07111f;

  --surface: #0e1b30;
  --surface-2: #0b1628;
  --surface-3: #13243f;
  --glass: rgba(14,27,48,.72);
  --line: #1b2e4c;
  --line-strong: #29426b;

  --ink: #edf4ff;
  --text: #c5d4ea;
  --muted: #8499b7;

  --primary: #6db2ff;
  --primary-2: #9bcaff;
  --primary-soft: rgba(109,178,255,.14);
  --primary-softer: rgba(109,178,255,.07);
  --on-primary: #06132a;
  --accent: #ffd37a;
  --accent-ink: #ffd37a;
  --accent-soft: rgba(255,211,122,.14);
  --danger: #ff8080;
  --danger-soft: rgba(255,128,128,.12);
  --success: #52d69c;
  --success-soft: rgba(82,214,156,.12);

  --cloud: #1a2d4d;
  --cloud-2: #122340;
  --orb-1: #f4f7ff;
  --orb-2: #c9d4f2;
  --orb-glow: rgba(190,210,255,.30);

  --nav-bg: rgba(7,17,31,.74);

  --shadow-sm: 0 1px 2px rgba(0,0,0,.35);
  --shadow: 0 1px 2px rgba(0,0,0,.35), 0 18px 40px -22px rgba(0,0,0,.75);
  --shadow-lg: 0 2px 6px rgba(0,0,0,.35), 0 34px 64px -28px rgba(0,0,0,.85);
  --focus: 0 0 0 4px rgba(109,178,255,.25);
}