:root {
  color-scheme: only light;
  --font-arabic: "Noto Sans Arabic", "Segoe UI", Tahoma, Arial, sans-serif;
  --font-latin: Inter, "Segoe UI", Tahoma, Arial, sans-serif;
  --font-ui: var(--font-arabic);
  --page: #ffffff;
  --card: #ffffff;
  --panel: #fbfcfe;
  --field: #f8fafc;
  --ink: #17202a;
  --line: #c5ced8;
  --muted: #5d6b78;
  --accent: #f4b942;
  --accent-strong: #d99b24;
  --on-accent: #17120a;
  --danger: #b65353;
  --danger-hover: rgba(182, 83, 83, .1);
  --control-hover: rgba(244, 185, 66, .14);
  --shadow: rgba(0, 0, 0, .18);
}

html[lang="en"],
html[dir="ltr"] {
  --font-ui: var(--font-latin);
}

[data-theme="dark"] {
  color-scheme: only dark;
  --page: #111315;
  --card: #1c2023;
  --panel: #171b1e;
  --field: #121517;
  --ink: #f1f3f5;
  --line: #343a40;
  --muted: #aab1b8;
  --shadow: rgba(0, 0, 0, .38);
}

body {
  font-family: var(--font-ui);
}