/* Mazir design tokens. One accent (saffron), one radius system:
   cards 20px, sheets 28px, buttons/chips = full pill. */
:root {
  --bg: #0b1110;
  --surface: #131b19;
  --surface-2: #1a2422;
  --line: rgba(255, 255, 255, 0.09);
  --text: #edf1ef;
  --muted: #94a49f;
  --accent: #e9b949;
  --accent-text: #e9b949;
  --on-accent: #1b1405;
  --danger: #e2776b;
  --shadow: 0 18px 50px rgba(2, 8, 7, 0.55);
  --r-card: 20px;
  --r-sheet: 28px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  color-scheme: dark;
}
:root[data-theme="light"] {
  --bg: #f1f4f2;
  --surface: #fafbfa;
  --surface-2: #e8edea;
  --line: rgba(16, 26, 24, 0.12);
  --text: #101a18;
  --muted: #55655f;
  --accent: #e0a41b;
  --accent-text: #8a5a00;
  --on-accent: #1b1405;
  --danger: #b8402f;
  --shadow: 0 18px 50px rgba(30, 48, 42, 0.18);
  color-scheme: light;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #f1f4f2;
    --surface: #fafbfa;
    --surface-2: #e8edea;
    --line: rgba(16, 26, 24, 0.12);
    --text: #101a18;
    --muted: #55655f;
    --accent: #e0a41b;
    --accent-text: #8a5a00;
    --on-accent: #1b1405;
    --danger: #b8402f;
    --shadow: 0 18px 50px rgba(30, 48, 42, 0.18);
    color-scheme: light;
  }
}

* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
button { font: inherit; color: inherit; cursor: pointer; border: 0; background: none; padding: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin: 0; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }
}