:root {
  color-scheme: light;
  --bg: #f3efe6;
  --bg-elev: #fbf8f2;
  --surface: #fffdf9;
  --ink: #1a1612;
  --muted: #6f655b;
  --faint: #94897c;
  --line: #e4dcd0;
  --line-strong: #d3c6b4;
  --gold: #8c6239;
  --gold-soft: #f3e6d2;
  --on-gold: #1a1612;
  --up: #1d6b45;
  --up-soft: #e5f4ec;
  --down: #9c3b34;
  --down-soft: #f8e8e6;
  --backdrop: rgba(26, 22, 18, 0.46);
  --shadow: 0 24px 60px rgba(26, 22, 18, 0.08);
  --font: "IBM Plex Sans", "Segoe UI", Tahoma, sans-serif;
  --radius: 1.125rem;
  --header: 4.25rem;
  --tap: 2.75rem;
  --sheet-radius: 1.5rem;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --speed: 280ms;
}

html[lang="ar"] {
  --font: "IBM Plex Sans Arabic", "IBM Plex Sans", "Segoe UI", Tahoma, sans-serif;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0e0d0b;
  --bg-elev: #171512;
  --surface: #141210;
  --ink: #f4efe6;
  --muted: #b3a394;
  --faint: #8c8174;
  --line: #2c2823;
  --line-strong: #3d362e;
  --gold: #d7b57a;
  --gold-soft: #2a241b;
  --on-gold: #1a1612;
  --up: #8fd4ae;
  --up-soft: #173126;
  --down: #f0a8a2;
  --down-soft: #3a2220;
  --backdrop: rgba(0, 0, 0, 0.62);
  --shadow: 0 24px 60px rgba(0, 0, 0, 0.35);
}