/* Siraj R13 design tokens: the ONE type family (IBM Plex Sans Arabic, whose Latin is IBM Plex Sans), self-hosted subsets,
   a warm kids palette with real hierarchy, an 8 px grid, one radius family, one shadow. Every stylesheet reads these. */
@font-face{font-family:'Plex';src:url(/fonts/plex-400-arabic.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2066-2069,U+25CC}
@font-face{font-family:'Plex';src:url(/fonts/plex-400-latin.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2212}
@font-face{font-family:'Plex';src:url(/fonts/plex-500-arabic.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2066-2069,U+25CC}
@font-face{font-family:'Plex';src:url(/fonts/plex-500-latin.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2212}
@font-face{font-family:'Plex';src:url(/fonts/plex-600-arabic.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2066-2069,U+25CC}
@font-face{font-family:'Plex';src:url(/fonts/plex-600-latin.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2212}
@font-face{font-family:'Plex';src:url(/fonts/plex-700-arabic.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F,U+2066-2069,U+25CC}
@font-face{font-family:'Plex';src:url(/fonts/plex-700-latin.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201E,U+2022,U+2026,U+2039-203A,U+20AC,U+2122,U+2212}
:root {
  --font: 'Plex', system-ui, -apple-system, 'Segoe UI', Tahoma, sans-serif;
  /* surfaces: warm paper, white cards */
  --bg: #fff9f1; --surface: #ffffff; --surface-2: #fff3e3; --line: #efe5d6; --line-2: #e3d5c0;
  /* text: near-black warm plum; secondary still AA on paper */
  --ink: #1f1b2d; --ink-2: #4a4558; --muted: #625c70;
  /* brand: lantern-night indigo for actions; lantern gold as the one warm accent */
  --brand: #3b2f8f; --brand-hi: #4a3ca6; --brand-ink: #ffffff; --brand-soft: #efecfb;
  --accent: #f6b62d; --accent-soft: #fff1cf; --accent-ink: #5c3d00;
  --ok: #17784a; --ok-soft: #e4f4ea; --bad: #b3332b; --bad-soft: #fbe8e6;
  /* type scale (390 px): 12 / 14 / 16 body / 18 / 22 / 28 / 36 */
  --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-18: 18px; --fs-22: 22px; --fs-28: 28px; --fs-36: 36px;
  --lh: 1.7; --lh-h: 1.25;
  /* 8 px grid */
  --s1: 8px; --s2: 16px; --s3: 24px; --s4: 32px; --s5: 40px; --s6: 48px; --s7: 56px; --s8: 64px;
  --r-btn: 14px; --r-card: 20px; --r-in: 12px; --r-pill: 999px;
  --shadow: 0 1px 2px rgba(31, 27, 45, .05), 0 6px 20px -12px rgba(31, 27, 45, .18);
}
html:lang(en) { --lh: 1.5; }