/* ═══════════════════════════════════════
   CORE — Reset & Base
   Box model · Form resets · html/body
   ═══════════════════════════════════════ */


/* iOS/Safari native control theming */
@media (prefers-color-scheme: light) {
  :root { color-scheme: light; }
  select, input[type="date"], input[type="time"] {
    color-scheme: light;
  }
}
@media (prefers-color-scheme: dark) {
  :root { color-scheme: dark; }
}
[data-theme="light"] { color-scheme: light; }
[data-theme="light"] select,
[data-theme="light"] input[type="date"],
[data-theme="light"] input[type="time"] {
  color-scheme: light;
}
[data-theme="dark"] { color-scheme: dark; }

/* в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ
   ATMA — Telegram Mini App Styles (P3.1)
   Dark-first, uses Telegram CSS variables
   в•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђв•ђ */

/* Design tokens → see theme.css (single source of truth) */

/* в”Ђв”Ђ Reset в”Ђв”Ђ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

/* ── Global form element reset (kill iOS/Safari defaults) ── */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
}
button {
  background: transparent;
  border: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
}


/* ── Root element ── */
/* height/overflow → layout-core.css */
html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  background: var(--bg-main);
  color: var(--text-primary);
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  /* NO padding-bottom — app shell handles tabbar spacing via flex */
}