/* ============================================================
   Rosé Glass — экспериментальный скин витрины (весь сайт)
   Подключается ТОЛЬКО при DPN_ROSE_SKIN=1 в прод-.env.
   Откат: убрать переменную и перезапустить приложение — файл
   перестанет подключаться, витрина вернётся к прежней гамме.

   Меняем цвет и подложку, а не раскладку: тот же сайт, но в
   гамме «Базы мастера» — розовая бумага в точечной сетке,
   зелёное стекло на главном действии.
   ============================================================ */

:root {
  --bg: #fdf1f5; --fg: #3a1c26; --muted: #875a69; --surface: #fffbfc;
  --line: rgba(178,89,123,.20); --glass: rgba(255,251,252,.72);
  --red: #3a7233; --red-ring: rgba(58,114,51,.18);   /* акцент действия — зелёный, как в приложении */
  --rose-tint: #fdeaf0; --rose: #b2597b;
  --rose-dots: radial-gradient(circle, rgba(58,28,38,.16) 1.1px, transparent 1.2px);
}
[data-theme="dark"] {
  --bg: #1b1418; --fg: #f7eaef; --muted: #b295a1; --surface: #241a1f;
  --line: rgba(231,154,184,.18); --glass: rgba(36,26,31,.6);
  --red: #63a457; --red-ring: rgba(99,164,87,.22);
  --rose-tint: #3a2530; --rose: #e79ab8;
  --rose-dots: radial-gradient(circle, rgba(247,234,239,.10) 1.1px, transparent 1.2px);
}

/* Точечная сетка ≈5 мм — та же подложка, что в приложении */
body {
  background-image: var(--rose-dots);
  background-size: 18.9px 18.9px;
  background-attachment: fixed;
}

/* Поверхности: карточки становятся бумажными, с мягкой тенью вместо жёсткой рамки */
.card, .panel, .exp-card, .price-card, .review-card, .post-card, .work-card, .faq-item {
  background: var(--surface);
  border-color: var(--line);
  box-shadow: 0 1px 2px rgba(58,28,38,.06), 0 10px 28px -16px rgba(30,66,32,.22);
}

/* Главное действие — зелёное выпуклое стекло */
.btn--cta, .btn--solid, .hcta {
  background: linear-gradient(180deg, rgba(71,119,58,.92), rgba(30,66,32,.95)) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,.32) inset,
              0 -14px 22px -14px rgba(0,0,0,.45) inset,
              0 10px 24px -14px rgba(30,66,32,.55) !important;
  backdrop-filter: blur(6px) saturate(1.1); -webkit-backdrop-filter: blur(6px) saturate(1.1);
}
.btn--cta:hover, .btn--solid:hover, .hcta:hover {
  background: linear-gradient(180deg, rgba(84,136,68,.94), rgba(36,78,38,.97)) !important;
  opacity: 1;
}
.btn--ghost, .btn--line {
  background: var(--surface); border-color: var(--line); color: var(--fg);
}
.btn--ghost:hover, .btn--line:hover { border-color: rgba(178,89,123,.45); background: #fff2f6; }
[data-theme="dark"] .btn--ghost:hover, [data-theme="dark"] .btn--line:hover { background: #2c2027; }

/* Розовый — среда и метки, не действие */
.kicker, .tag, .chip { color: var(--muted); }
.marquee, .marquee-track { color: var(--rose); }
::selection { background: var(--rose); color: #fff; }

/* Шапка и подвал: та же бумага, чтобы страница читалась одним полотном */
header { background: color-mix(in srgb, var(--bg) 78%, transparent); }
footer { background: var(--fg); color: var(--bg); }
footer a { color: var(--bg); }

/* Ссылки внутри текста — зелёные, как в приложении */
.prose a, article a, .post a { color: #3a7233; }
[data-theme="dark"] .prose a, [data-theme="dark"] article a, [data-theme="dark"] .post a { color: #8fc985; }