/* Shneinu's public pages: the app's reds and whites (see CLAUDE.md, Design).
   One light look on purpose: pomegranate, deep red, blush and white. */
:root {
  --red: #D7263D;
  --red-deep: #A9182C;
  --red-dark: #8E1426;
  --blush: #FFE4E9;
  --pink: #F59AAE;
  --paper: #FFF8F5;
  --white: #FFFFFF;
  --ink: #1F0A10;
  --line: #F6D5DB;
  --display: 'Fredoka', 'Rubik', 'Arial Hebrew', sans-serif;
  --body: 'Rubik', 'Arial Hebrew', Arial, sans-serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--white);
  color: var(--ink);
  font: 18px/1.7 var(--body);
}
a { color: var(--red-deep); }
img, svg { max-width: 100%; }

/* ------------------------------------------------ legal pages (privacy, terms) */
.top { background: var(--red); color: var(--white); padding: 22px 20px 64px; }
.top .brand { color: var(--white); text-decoration: none; display: inline-flex; align-items: center; gap: 10px; }
.top .mark { font: 700 26px/1 var(--display); }
.top h1 { font: 600 clamp(34px, 6vw, 52px)/1.1 var(--display); margin: 40px auto 8px; max-width: 760px; text-wrap: balance; }
.top p { margin: 0 auto; max-width: 760px; color: var(--blush); }
.top-inner { max-width: 760px; margin: 0 auto; }
main.doc { max-width: 760px; margin: -40px auto 0; padding: 0 16px 56px; }
.sheet { background: var(--white); border: 1px solid var(--line); border-radius: 32px; padding: 12px clamp(20px, 5vw, 44px) 32px; box-shadow: 0 24px 60px -30px rgba(169, 24, 44, .35); }
h2 { font: 600 24px/1.3 var(--display); color: var(--red-deep); margin: 32px 0 8px; }
p, li { max-width: 68ch; }
ul { padding-inline-start: 22px; }
li { margin: 8px 0; }
li::marker { color: var(--red); }
footer.legal { text-align: center; font-size: 15px; margin-top: 28px; }