/* base.css – resets and CSS variables */
:root {
  --font-sans: 'Inter', sans-serif;
  --font-ar: 'Cairo', sans-serif;
  --color-bg: #f5f5f5;
  --color-bg-dark: #1e1e1e;
  --color-text: #222;
  --color-text-dark: #eee;
  --color-primary: #0066ff;
  --color-primary-dark: #3399ff;
  --radius: 8px;
  --shadow: 0 2px 4px rgba(0,0,0,0.1);
}

html {
  box-sizing: border-box;
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.5;
  background: var(--color-bg);
  color: var(--color-text);
}

*, *::before, *::after { box-sizing: inherit; margin:0; padding:0; }

body { margin:0; padding:0; }

[data-theme="dark"] {
  background: var(--color-bg-dark);
  color: var(--color-text-dark);
}