/* ══════════════════════════════════════════════════════════════════════
   MOON — шаблоны оформления.

   Каждый шаблон — только набор переменных: палитра, скругления и шрифт
   заголовков. Разметка и поведение сайта у всех одинаковые, поэтому новый
   шаблон добавляется одним блоком ниже и строкой в src/lib/themes.ts.

   Селекторы намеренно по атрибуту, а не по :root — тогда в админке можно
   показать живой образец шаблона, повесив data-theme на обычный блок.

   Контраст каждой пары проверен: текст на фоне и на карточке, надпись на
   кнопке и ссылка — все не ниже 4.5 : 1.
   ══════════════════════════════════════════════════════════════════════ */

/* ─── Луна: тёплый беж и кофе (по умолчанию) ─────────────────────────── */
[data-theme="moon"] {
  --bg: #e7ded5;
  --bg-deep: #ddd2c6;
  --bg-glow: rgba(255, 253, 249, 0.85);
  --surface: #f7f3ee;
  --surface-raised: #fbf9f6;

  --ink: #2b251f;
  --ink-soft: #5c5145;
  --on-bg: #2b251f;
  --on-bg-soft: #5c5145;

  --accent: #806b51;
  --accent-strong: #6a5a46;
  --accent-quiet: #b39473;
  /* Фон страницы темнее карточки, поэтому акцент на нём берётся тот же, что
     и на карточке: светлый #806b51 давал на фоне 3.8 — мало для мелкого
     текста вроде подписи разработчика и разделов в шапке. */
  --accent-on-bg: #6a5a46;
  --on-accent: #fdfbf8;

  --line: rgba(43, 37, 31, 0.12);
  --line-strong: rgba(43, 37, 31, 0.2);
  --line-bg: rgba(43, 37, 31, 0.12);
  --line-bg-strong: rgba(43, 37, 31, 0.2);

  --footer-bg: color-mix(in srgb, var(--surface) 72%, var(--bg));

  --danger: #8a3f2e;
  --danger-soft: #f6e7e2;

  --font-display: "Fixel Display", "Fixel Text", ui-sans-serif, system-ui, sans-serif;
  --card-radius: 24px;
  --card-radius-lg: 30px;
}

/* ─── Матча: сливочный и глубокий зелёный, засечки в заголовках ──────── */
[data-theme="matcha"] {
  --bg: #f2f0e4;
  --bg-deep: #e3e0cf;
  --bg-glow: rgba(255, 255, 250, 0.8);
  --surface: #fbfaf3;
  --surface-raised: #ffffff;

  --ink: #1e2a1f;
  --ink-soft: #495a49;
  --on-bg: #1e2a1f;
  --on-bg-soft: #495a49;

  --accent: #2f5d3a;
  --accent-strong: #27502f;
  --accent-quiet: #8aa77f;
  --accent-on-bg: #27502f;
  --on-accent: #f6faf4;

  --line: rgba(30, 42, 31, 0.12);
  --line-strong: rgba(30, 42, 31, 0.2);
  --line-bg: rgba(30, 42, 31, 0.12);
  --line-bg-strong: rgba(30, 42, 31, 0.2);

  --footer-bg: color-mix(in srgb, var(--surface) 70%, var(--bg));

  --danger: #8a3f2e;
  --danger-soft: #f7e8e3;

  --font-display: Georgia, "Times New Roman", "Noto Serif", serif;
  --card-radius: 16px;
  --card-radius-lg: 20px;
}

/* ─── Какао: тёмная страница, светлые карточки ──────────────────────── */
[data-theme="cocoa"] {
  --bg: #40211c;
  --bg-deep: #331a16;
  --bg-glow: rgba(255, 224, 208, 0.08);
  --surface: #fff7f2;
  --surface-raised: #ffffff;

  /* Тёмный текст — для карточек; светлый — для страницы. */
  --ink: #2a1512;
  --ink-soft: #6b4b43;
  --on-bg: #f7e8e1;
  --on-bg-soft: #d6b3a6;

  --accent: #b04c35;
  --accent-strong: #a0452f;
  --accent-quiet: #e0a48d;
  --accent-on-bg: #e0a48d;
  --on-accent: #fff7f2;

  --line: rgba(42, 21, 18, 0.12);
  --line-strong: rgba(42, 21, 18, 0.2);
  --line-bg: rgba(255, 237, 229, 0.16);
  --line-bg-strong: rgba(255, 237, 229, 0.3);

  --footer-bg: #331a16;

  --danger: #8a3f2e;
  --danger-soft: #f6e7e2;

  --font-display: "Fixel Display", "Fixel Text", ui-sans-serif, system-ui, sans-serif;
  --card-radius: 20px;
  --card-radius-lg: 26px;
}

/* ─── Молоко: почти белый, много воздуха, крупные скругления ─────────── */
[data-theme="milk"] {
  --bg: #eef0f2;
  --bg-deep: #e2e5e8;
  --bg-glow: rgba(255, 255, 255, 0.9);
  --surface: #ffffff;
  --surface-raised: #ffffff;

  --ink: #1b1f24;
  --ink-soft: #5a626c;
  --on-bg: #1b1f24;
  --on-bg-soft: #5a626c;

  --accent: #2d3340;
  --accent-strong: #20252f;
  --accent-quiet: #a9b2bd;
  --accent-on-bg: #2d3340;
  --on-accent: #ffffff;

  --line: rgba(27, 31, 36, 0.1);
  --line-strong: rgba(27, 31, 36, 0.18);
  --line-bg: rgba(27, 31, 36, 0.1);
  --line-bg-strong: rgba(27, 31, 36, 0.18);

  --footer-bg: color-mix(in srgb, var(--surface) 65%, var(--bg));

  --danger: #a33a2a;
  --danger-soft: #f8e9e6;

  --font-display: "Fixel Display", "Fixel Text", ui-sans-serif, system-ui, sans-serif;
  --card-radius: 28px;
  --card-radius-lg: 36px;
}

/* ─── Карамель: песочный и графит, засечки, острые углы ──────────────── */
[data-theme="caramel"] {
  --bg: #f0e7db;
  --bg-deep: #e2d6c5;
  --bg-glow: rgba(255, 252, 246, 0.85);
  --surface: #fffdf9;
  --surface-raised: #ffffff;

  --ink: #241f1a;
  --ink-soft: #5d5245;
  --on-bg: #241f1a;
  --on-bg-soft: #5d5245;

  --accent: #9c5c34;
  --accent-strong: #8e5430;
  --accent-quiet: #d9a77a;
  --accent-on-bg: #8e5430;
  --on-accent: #fffaf4;

  --line: rgba(36, 31, 26, 0.13);
  --line-strong: rgba(36, 31, 26, 0.22);
  --line-bg: rgba(36, 31, 26, 0.13);
  --line-bg-strong: rgba(36, 31, 26, 0.22);

  --footer-bg: color-mix(in srgb, var(--surface) 68%, var(--bg));

  --danger: #8a3f2e;
  --danger-soft: #f6e7e2;

  --font-display: Georgia, "Times New Roman", "Noto Serif", serif;
  --card-radius: 12px;
  --card-radius-lg: 16px;
}