:root {
  --primary: #C91717;
  --primary-dark: #A51111;
  --primary-soft: #FBECEC;
  --white: #FFFFFF;
  --ink: #15233B;
  --ink-2: #55617A;
  --ink-3: #8B94A7;
  --bg: #F4F5F7;
  --line: #E4E7EC;
  --green: #1E9E5A;
  --green-soft: #E7F6EE;
  --amber: #B7791F;
  --amber-soft: #FBF3E2;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 1px 2px rgba(21, 35, 59, .06), 0 8px 24px rgba(21, 35, 59, .06);
  --font: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, sans-serif;
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; height: 100%; }
body { background: var(--bg); color: var(--ink); font-family: var(--font); font-size: 15px; line-height: 1.5; }
button, input, select { font: inherit; color: inherit; }
button { cursor: pointer; border: 0; background: none; padding: 0; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
h1, h2, h3, p { margin: 0; }
.num { font-variant-numeric: tabular-nums; }