/* ===== BASE — LAPSHA =====
   Reset + typographic system + design tokens */

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
img, svg, video { max-width: 100%; height: auto; display: block; }
button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
a { color: inherit; text-decoration: none; }
h1,h2,h3,h4,h5,h6,p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }

:root {
  /* Палитра «Лапша» — светлая, тёплая, азиатская */
  --cream:     #FBF7EE;      /* основной фон */
  --cream-2:   #F5EEDD;      /* карточки */
  --paper:     #FFFFFF;
  --ink:       #1B1A17;      /* основной текст */
  --ink-2:     #4A463E;      /* вторичный текст */
  --ink-3:     #8A8478;      /* приглушённый */
  --line:      rgba(27,26,23,.08);

  --yellow:    #F5B324;      /* фирменный жёлтый из логотипа */
  --yellow-2:  #E89A0F;
  --paprika:   #D9421B;      /* акцент — паприка/огонь */
  --paprika-2: #B93411;
  --miso:      #7A5A2E;      /* мисо-коричневый */
  --tea:       #3D6B4A;      /* зелёный чай, для деталей */
  --ink-black: #12110F;

  /* Размеры */
  --container: 1240px;
  --radius-sm: 10px;
  --radius:    18px;
  --radius-lg: 28px;
  --radius-xl: 40px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 56px;
  --space-10: 72px;
  --space-11: 96px;
  --space-12: 120px;

  /* Шрифты */
  --font-display: 'Unbounded', 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Manrope',   -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-jp:      'Noto Serif JP', 'Yu Mincho', serif;

  --shadow-sm:   0 2px 8px rgba(27,26,23,.06);
  --shadow:      0 12px 40px rgba(27,26,23,.08);
  --shadow-lg:   0 24px 60px rgba(27,26,23,.14);
  --shadow-yellow: 0 12px 30px rgba(245,179,36,.35);
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.55;
  color: var(--ink);
  background: var(--cream);
}