/* ===== ZMIENNE CSS I RESET ===== */
:root {
  --paper: #f4ede1;
  --paper-dark: #ebe1cf;
  --ink: #1f2a3a;
  --ink-soft: #4a5568;
  --ink-faded: #8a8578;
  --accent: #c8423a;
  --accent-soft: #d4796f;
  --blue: #00aadd;
  --gold: #f28800;
  --green: #76bb40;
  --purple: #ff00ff;
  --gray: #818186;
  --line: #d4c9b3;
  --line-soft: #e3d8c2;
  --warn-bg: #f9e8d4;
  --shadow: 0 1px 0 rgba(31,42,58,0.06), 0 4px 12px rgba(31,42,58,0.04);
}

* { box-sizing: border-box; margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }

html, body {
  background: var(--paper);
  color: var(--ink);
  font-family: 'Inter Tight', -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  min-height: 100vh;
  overscroll-behavior-y: contain;
}

body {
  background-image:
    radial-gradient(circle at 20% 10%, rgba(184,66,58,0.04) 0%, transparent 50%),
    radial-gradient(circle at 80% 80%, rgba(184,137,58,0.04) 0%, transparent 50%);
  padding: 0 0 120px;
}

.app {
  max-width: 640px;
  margin: 0 auto;
  padding: 20px 18px 0;
}