/* Fotemio — стиль «Персик» (макет Жени 12.11.2026). Шрифты самохостятся: Google Fonts/cdnjs из РФ режет РКН. */
@font-face { font-family: "Inter"; font-weight: 100 900; font-display: swap; src: url("fonts/inter-cyrillic-wght-normal.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; font-weight: 100 900; font-display: swap; src: url("fonts/inter-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Manrope"; font-weight: 200 800; font-display: swap; src: url("fonts/manrope-cyrillic-wght-normal.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Manrope"; font-weight: 200 800; font-display: swap; src: url("fonts/manrope-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Plus Jakarta Sans"; font-weight: 800; font-display: swap; src: url("fonts/plus-jakarta-sans-latin-800-normal.woff2") format("woff2"); }

:root {
  --coral: #FF8262;        /* главные кнопки, иконка приложения */
  --coral-light: #FFBB98;  /* верх градиента плитки-иконки: linear-gradient(150deg, #FFBB98, #FF8262) */
  --plum: #3B1F3F;         /* текст, уголок-акцент, выбранное */
  --peach: #FFD9C6;        /* подложки, чипы, дорожка прогресса */
  --haze: #F3D7E0;         /* второй мягкий тон */
  --bg: #FFF5EE;           /* фон всех экранов */
  --white: #FFFFFF;        /* карточки, зона загрузки */
  --muted: #7A5A66;        /* второстепенный текст */
  --outline: #A07A80;      /* рамка вторичной кнопки */
  --hairline: #F0DCD2;     /* рамка карточки на белом */
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;           /* 500 / 600 */
  --font-head: "Manrope", "Helvetica Neue", Arial, sans-serif;                                 /* 800, заголовки 28/1.15, -0.02em */
  --font-logo: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;                       /* только словесный знак «fotemio», 800, -0.035em */
  /* мягкие градиенты-подложки карточек: персик, сирень, песок, роза */
  --g1: linear-gradient(160deg, #FFD9C6 0%, #FFB79A 100%);
  --g2: linear-gradient(160deg, #EADCEF 0%, #CDB5D8 100%);
  --g3: linear-gradient(160deg, #FBEBDD 0%, #F2CDA9 100%);
  --g4: linear-gradient(160deg, #F6DCE6 0%, #E9B9CD 100%);
}
/* Компоненты макета (размеры — из макета):
   кнопка главная: h56 (обычная h44), r18 (r14), фон --coral, ТЕКСТ --plum (не белый), 16/600 (14/600), без тени;
   вторичная: прозрачная, рамка 1.5px --outline, текст --plum; тёмная: фон --plum, текст белый;
   чип: h44, r22, 14/600; выбран — фон --plum + белый текст, обычный — фон --peach + --plum;
   карточка-кадр: r20 (крупная r28), подпись под картинкой 14/600; выбранная — кольцо box-shadow 0 0 0 3px --plum
   + уголок corner.svg 30×33 в правом нижнем углу (right/bottom 12px);
   зона загрузки: белая, r28, уголки видоискателя --plum (38×38, толщина 6px, скругление 14px, отступ 18px),
   кнопка «+» — круг 80px --coral с плюсом --plum; прогресс: дорожка --peach h10 r5, заливка --coral;
   шапка: знак mark.svg 34px + «fotemio» (--font-logo 24px, -0.035em); заголовок экрана — --font-head 800 28px. */