/* LemonDate v2 «Тёплый вечер» — дизайн-токены.
   Источник: design/README.md и 4-design-system-v2/DesignSystemV2.dc.html.
   Единственное место, где живут цвета, радиусы, тени и шрифты. */

:root {
  /* Основа */
  --ld-paper: #FFF7E3;          /* фон экранов и страниц */
  --ld-lemon-plate: #FFF6C4;    /* приветствие, шапки блоков, меню админки */
  --ld-white: #FFFFFF;          /* карточки, поля, меню */
  --ld-field: #FFFCF3;          /* тёплый белый — поля ввода */
  --ld-navy: #101B4D;           /* текст, обводки, тени */
  --ld-text: #3B4470;           /* абзацы */
  --ld-text-secondary: #6B7394; /* подписи, мета */
  --ld-line: #E6DCC2;           /* пунктиры, рамки */
  --ld-line-card: #EADFC4;      /* рамка белых карточек админки */

  /* Акценты */
  --ld-lemon: #FFE017;          /* главное действие, выбранное, активное */
  --ld-lemon-pale: #FFF1B8;     /* Дейтинг, низ карточки, бейджи */
  --ld-mint: #CDEFDC;           /* Френдинг, «оплачено» */
  --ld-leaf: #35D07F;           /* успех, прогресс, онлайн */
  --ld-pink: #FF8FB1;           /* сердце, романтический метч */
  --ld-blue: #2447F9;           /* только рукописные заметки и ссылки */

  /* Из макетов мини-аппа (V2Questionnaire, V2Profile, V2Payment, V2HomeLoading) — S01 */
  --ld-text-hint: #5A6285;      /* подсказки, подписи счётчиков */
  --ld-line-cool: #E2E5EF;      /* рамка полей, дорожка прогресса */
  --ld-line-row: #EEF0F6;       /* разделитель строк списка */
  --ld-line-header: #E6D9B8;    /* пунктир под шапкой */
  --ld-line-dashed: #A9B1CF;    /* пунктир плитки «Добавить» */
  --ld-check-border: #B9BFD6;   /* рамка пустой галочки */
  --ld-skeleton: #E6E9F2;       /* плашки загрузки */
  --ld-blue-pale: #EAEEFF;      /* подложка иконок (синяя) */
  --ld-pink-pale: #FFC7DE;      /* аватар без фото */
  --ld-peach-pale: #FFE9E0;     /* подложка иконки «Правила сообщества» */
  --ld-gray-pale: #F0F2F8;      /* подложка иконки «Настройки» */
  --ld-white-glass: rgba(255, 255, 255, 0.92); /* кнопка поверх фото */
  --ld-navy-glass: rgba(16, 27, 77, 0.85);     /* тёмная кнопка поверх фото («Удалить» обложку, V2AdminEvent) — D2 */
  --ld-shimmer: rgba(255, 255, 255, 0.7);      /* блик скелета */
  --ld-blue-ghost: rgba(36, 71, 249, 0.06);    /* декоративные круги шапки профиля */
  --ld-navy-dot: rgba(16, 27, 77, 0.15);       /* декоративные точки */
  --ld-shadow-soft: 0 8px 24px rgba(16, 27, 77, 0.1);  /* плитки статистики */
  --ld-shadow-up: 0 -8px 24px rgba(16, 27, 77, 0.08);  /* нижняя панель с кнопкой */

  /* Из макетов каталога (V2Main, V2HomeEmpty, V2HomeLoading, V2Meetup, V2Participant) — S02 */
  --ld-ring-mint: rgba(53, 208, 127, 0.3);     /* декоративное кольцо карточки френдинга */
  --ld-ring-lemon: rgba(255, 224, 23, 0.35);   /* декоративное кольцо карточки дейтинга */
  --ld-line-empty: #C9CFE6;     /* пунктир «На эти даты мест нет» */
  --ld-ghost: rgba(16, 27, 77, 0.08);          /* плашки загрузки на жёлтой шапке */
  --ld-text-body: #2E3760;      /* «О встрече», «о себе» */
  --ld-text-faint: #C3C9E6;     /* подписи в плашке «Стоимость участия» */
  --ld-overlay: rgba(10, 10, 12, 0.55);        /* затемнение под шторкой */
  --ld-grabber: #D7DBE8;        /* ручка шторки */
  --ld-white-dim: rgba(255, 255, 255, 0.6);    /* неактивные точки листания фото */
  --ld-lemon-glow: rgba(255, 224, 23, 0.55);   /* блик портрета без фото */
  --ld-portrait: #5068C9;       /* силуэт портрета без фото */
  /* аватары без фото в «Уже записались»: подложка и силуэт */
  --ld-avatar-1: #FFB8A0;  --ld-avatar-1-ink: #7A4A3A;
  --ld-avatar-2: #A9C4FF;  --ld-avatar-2-ink: #2E3A6B;
  --ld-avatar-3: #FFE58A;  --ld-avatar-3-ink: #7D5B1E;
  --ld-avatar-4: #B6EBCF;  --ld-avatar-4-ink: #24563D;
  --ld-avatar-5: #D9C8FF;  --ld-avatar-5-ink: #4B3478;

  /* Из макетов админки (V2AdminLogin, V2AdminMeetups, V2AdminEvent) — S03 */
  --ld-placeholder: #7C84A6;    /* плейсхолдер полей */
  --ld-disabled: #DCE0EE;       /* неактивная кнопка */
  --ld-disabled-text: #747C9E;  /* текст неактивной кнопки */
  --ld-text-muted: #9AA3CC;     /* подписи в сайдбаре */
  --ld-icon-faint: #C9CEE8;     /* иконка «Выйти» */
  --ld-counter: #9AA1BD;        /* счётчик символов */
  --ld-line-step: #D5DAEA;      /* счётчик неактивной вкладки, рамка будущего шага */
  --ld-hover: rgba(16, 27, 77, 0.06);  /* наведение на пункт меню */
  --ld-row-hover: #FFFBEE;      /* наведение на строку таблицы */
  --ld-danger: #B4321A;         /* «Отменена», «Отменить встречу» */
  --ld-danger-bg: #FDE3DD;      /* подложка «Отменена» */
  --ld-danger-line: #E9B3A7;    /* рамка «Отменить встречу» */
  --ld-error: var(--ld-danger); /* D1: текст ошибок форм — отдельного цвета ошибки в дизайн-системе нет */
  --ld-due: #B4421F;            /* «Выслать место до…», отмены > 0 */
  --ld-warn: #C2410C;           /* счётчик на пределе */
  --ld-act-boardgames-bg: #FFF0CC; --ld-act-boardgames: #FFB020;
  --ld-shadow-modal: 0 30px 60px rgba(10, 10, 12, 0.25);  /* карточка входа */
  --ld-shadow-tab: 0 2px 8px rgba(16, 27, 77, 0.08);      /* выбранная вкладка */
  --ld-shadow-nav: 0 2px 0 var(--ld-navy);                /* активный пункт меню */
  --ld-shadow-ticket: 5px 6px 0 var(--ld-navy);           /* превью билета */
  --ld-shadow-ticket-btn: 3px 3px 0 var(--ld-navy);       /* «Хочу» на превью */

  /* Из макетов оплаты (V2Payment, V2PaySuccess, V2MeetupsUpcoming) — S04 */
  --ld-blue-mist: #F2F5FF;      /* выбранный способ оплаты */
  --ld-line-total: #DADEEA;     /* пунктир над «Итого» */
  --ld-segment: #E6E9F2;        /* подложка вкладок «Ближайшие / Прошедшие» */
  --ld-navy-tint: rgba(16, 27, 77, 0.06);      /* карточка встречи на «Ты в игре!» */
  --ld-white-line: rgba(255, 255, 255, 0.2);   /* рамка карточки на «Ты в игре!» */
  --ld-lemon-shadow: rgba(10, 15, 46, 0.25);   /* тень под лимончиком */
  --ld-shadow-pay: 0 -8px 20px rgba(16, 27, 77, 0.07);  /* панель «Оплатить» в шторке */

  /* Из макета V2PlaceRevealed — S11 */
  --ld-map: #E9EDF7;            /* подложка карты-заглушки */
  --ld-map-park: #CFEFD9;       /* сквер на карте-заглушке */
  --ld-ring-blue: rgba(36, 71, 249, 0.06);     /* кольцо фона */
  --ld-pin-glow: 0 8px 16px rgba(36, 71, 249, 0.4);     /* булавка на карте */
  --ld-shadow-place: 0 20px 40px rgba(10, 10, 12, 0.25); /* карточка места */

  /* Из макета V2AdminCards — S05: цвета колод карточек для разговора (DeckColor) */
  --ld-deck-lemon: #FFE017;     /* «Лёгкий старт» */
  --ld-deck-blue: #A9C4FF;      /* «Поглубже» */
  --ld-deck-pink: #FFC7DE;      /* «Для Дейтинга» */
  --ld-deck-mint: #B6EBCF;      /* «Для Френдинга» */
  --ld-deck-peach: #FFD7A8;     /* «Игры» */
  --ld-deck-dots: rgba(16, 27, 77, 0.35);      /* три точки в шапке карточки */
  --ld-shadow-deck-card: 0 6px 18px rgba(16, 27, 77, 0.05);  /* карточка вопроса */
  --ld-ring-blue-faint: rgba(36, 71, 249, 0.05);  /* кольца фона V2TalkCards */

  /* Из макета V2Notifications — S05 */
  --ld-green-pale: #D8F6E6;     /* подложка иконки «Новый метч» */
  --ld-green: #1A9A5C;          /* сердце «Новый метч» */
  --ld-border-unread: 2.5px solid var(--ld-navy);       /* непрочитанное уведомление */
  --ld-shadow-unread: 4px 5px 0 var(--ld-navy);         /* непрочитанное уведомление */

  /* Из макета V2Loyalty — S07 */
  --ld-green-ink: #1E7A4C;      /* галочка пройденного уровня, «+90» в истории */

  /* Из макета V2LiveMeetup — S05 */
  --ld-pink-mist: #FFE3EC;      /* плашка «Запоминай, с кем хочется продолжить» */
  --ld-avatar-6: #FFD7A8;       /* аватары «Кто пришёл» (6–7-й по кругу) */
  --ld-avatar-7: #C7E8FF;

  /* Из макета V2AdminStats — S08 */
  --ld-chart-bar: #B9C6FF;      /* столбцы выручки, полосы воронки */
  --ld-dating-ink: #C79A00;     /* доля «Дейтинг» в «Тематике» */

  /* Из макета V2AdminSupport — S08 */
  --ld-ticket-on: #EEF2FF;      /* выбранное обращение в списке */

  /* Из макета Landing4Ticket — S10 */
  --ld-friending-ink: #1E9A5C;  /* рукописное «френдинг», «а кто-то — новые друзья» */
  --ld-sheet-rule: #E3E8F7;     /* линейка листа в клетку */
  --ld-tape: rgba(255, 224, 23, 0.75);        /* скотч */
  --ld-tape-mint: rgba(53, 208, 127, 0.55);   /* скотч зелёный */
  --ld-tape-mint-strong: rgba(53, 208, 127, 0.6);
  --ld-lemon-blush: #FFB199;    /* румянец лимончика, иконки */
  --ld-pink-soft: #FFB4D2;      /* розовые детали иконок */
  --ld-lime: #D9F27A;           /* мячик тенниса */
  --ld-pink-deep: #FF7A9A;      /* розовые детали иконок (тёмные) */

  /* Подложки и метки активностей */
  --ld-act-tennis-bg: #FFE6DA;    --ld-act-tennis: #FF7A45;
  --ld-act-billiard-bg: #ECE6FF;  --ld-act-billiard: #6A4CFF;
  --ld-act-hookah-bg: #FCE1F0;    --ld-act-hookah: #E0479E;
  --ld-act-bowling-bg: #DDF4FC;   --ld-act-bowling: #2BB5E8;
  --ld-act-walk-bg: #D8F6E6;      --ld-act-walk: #35D07F;

  /* Шрифты (подключаются локально, без Google Fonts) */
  --ld-font: 'Nunito', system-ui, sans-serif;           /* 500–900 */
  --ld-font-hand: 'Caveat', 'Nunito', cursive;          /* 700 */

  /* Размеры текста */
  --ld-h1: 30px;          /* 28–30, 900 */
  --ld-h2: 22px;          /* 20–22, 900 */
  --ld-card-title: 18px;
  --ld-body: 16px;        /* 15–16, 600 */
  --ld-caption: 13px;     /* 12–13, 800 */
  --ld-hand: 24px;        /* 20–26, Caveat 700 */

  /* Скругления */
  --ld-r-card: 24px;      /* 22–24 */
  --ld-r-field: 18px;
  --ld-r-pill: 999px;     /* кнопки и теги */
  --ld-r-screen: 32px;

  /* Обводки */
  --ld-border-accent: 2px solid var(--ld-navy);         /* карточки, кнопки */
  --ld-border-soft: 1.5px solid var(--ld-line);         /* списки, поля */
  --ld-border-tag: 1px solid rgba(16, 27, 77, 0.12);    /* теги, фильтры */
  --ld-dash: 2px dashed var(--ld-line);                 /* линия отрыва, разделители */

  /* Тени — без размытия */
  --ld-shadow: 0 3px 0 var(--ld-navy);
  --ld-press-offset: 2px;  /* кнопка «вдавливается», тень → 0 */

  /* Отступы */
  --ld-gap-screen: 20px;   /* поля экрана */
  --ld-gap-block: 24px;    /* между блоками 22–28 */
  --ld-gap-card: 16px;     /* внутри карточки 14–16 */

  /* Контролы */
  --ld-btn-h: 52px;
  --ld-icon-btn: 44px;
  --ld-icon-stroke: 2.25;  /* системные линейные иконки 24 px */

  /* Анимации */
  --ld-appear: 0.8s;       /* снизу 24 px + прозрачность */
  --ld-float: 5.5s;        /* парение ±10 px */
  --ld-sway: 2.6s;         /* покачивание ±3° */
  --ld-marquee: 30s;
}

@media (prefers-reduced-motion: reduce) {
  :root { --ld-appear: 0s; --ld-float: 0s; --ld-sway: 0s; --ld-marquee: 0s; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}