/* ================= Главная ilmnur.org в золоте IlmNur, Material Design 3 (18.10.2026) =================
   Рустам: «эту страницу сделай с использованием Material Design 3». Как
   «Сообщения», «Музыка» и «Мой профиль»: роли M3 из золота IlmNur #d4af37
   (Material Color Utilities, tonal spot, тёмная схема) — primary #e2c46d,
   on-primary #3c2f00, primary-container #574500 / #ffe088; поверхности —
   ночной #1a1033. Плитки — карточки M3 (скругление 16, золотая каёмка),
   «Мой профиль» — заполненная золотая кнопка, «Сказать…» — тональная */
body.home-page, body.home-page[data-theme], body.home-page:not([data-theme]) {
  --gold: #d4af37; --gold-deep: #b8902f; --gold-light: #f3dc9a; --cream: #fbf1d4; --ink: #2a1d05;
  --md-primary: #e2c46d; --md-on-primary: #3c2f00;
  --md-primary-container: #574500; --md-on-primary-container: #ffe088;
  --md-secondary-container: #20143d; --md-on-secondary-container: #fbf1d4;
  --md-on-surface: #fbf1d4; --md-on-surface-variant: #e3d6b4;
  --md-outline: #b8902f; --md-outline-variant: rgba(212, 175, 55, .45);
  --md-surface-container-low: #1a1033; --md-surface-container: #20143d;
  --md-surface-container-high: #261a47; --md-surface-container-highest: #2c1f52;
  /* Фон ночной и в светлой теме компьютера: иначе золотые надписи на
     светлом фоне страницы входа почти не видны */
  --md-surface: #140c2b; --bg: #140c2b; background-color: #140c2b;
}
/* Шапка и панели — ночные с золотой каёмкой */
.home-page .bar { background: rgba(26, 16, 51, .92); border: 1px solid rgba(212, 175, 55, .45); border-radius: 0 0 20px 20px; }
.home-page main > .card, .home-page .card.sign {
  background: rgba(26, 16, 51, .9); border: 1px solid rgba(212, 175, 55, .5);
  border-radius: 28px; box-shadow: 0 4px 16px rgba(0, 0, 0, .45);
}
/* Плитки — карточки M3 */
.home-page .actions .btn {
  background: #20143d; color: var(--cream); border: 1px solid rgba(212, 175, 55, .4); border-radius: 16px;
  transition: background .2s, border-color .2s, box-shadow .2s;
}
.home-page .actions .btn::before { background: var(--gold); }
.home-page .actions .btn:hover { background: #2a1c50; border-color: var(--gold); box-shadow: 0 2px 8px rgba(0, 0, 0, .45); }
.home-page .actions .btn .tile-name { color: var(--cream); font-weight: 600; }
.home-page .actions .btn .tile-sub { color: #e3d6b4; opacity: .9; }
/* «Выйти» и rustamusman.com — контурные, тише остальных */
.home-page .actions .btn.plain { background: transparent; border: 1px dashed rgba(212, 175, 55, .55); }
.home-page .actions .btn.plain .tile-name { color: var(--gold-light); }
/* «Сказать, куда перейти» — тональная кнопка M3 */
.home-page .actions .btn.wide-row.voice-go { background: #574500; color: #ffe088; border: 1px solid rgba(212, 175, 55, .6); }
.home-page .actions .btn.wide-row.voice-go::before { background: #ffe088; }
/* «Мой профиль» — заполненная золотая */
.home-page .actions #profile-btn { background: linear-gradient(180deg, #f6e3a8, #d6b25c); color: var(--ink); border: none; }
.home-page .actions #profile-btn::before { background: var(--ink); }
.home-page .actions #profile-btn .tile-name, .home-page .actions #profile-btn .tile-sub { color: var(--ink); }
/* Счётчик непрочитанных — золотой кружок */
.home-page .m-count { background: var(--gold); color: var(--ink); }
/* Предложение звонков — в тон */
.home-page .push-offer { background: rgba(32, 20, 61, .95); border: 1px solid rgba(212, 175, 55, .45); color: var(--cream); }
.home-page .push-offer .btn { background: linear-gradient(180deg, #f6e3a8, #d6b25c); color: var(--ink); }
/* Вход и регистрация — золотые кнопки */
.home-page .card.sign .btn:not(.plain) { background: linear-gradient(180deg, #f6e3a8, #d6b25c); color: var(--ink); }

/* ================= ДЕНЬ (Рустам, 26.10.2026: «день и ночь проверь?») =================
   Главная была только ночной. Днём — кремовые шапка и панели, как в окнах
   программы и в шахматах; плитки — неон в дневном виде (neon.css) */
body.home-page[data-theme="light"] {
  --gold: #a07b19; --gold-deep: #8a6a12; --gold-light: #6b5100; --cream: #2b2b25;
  --md-primary: #8a6a12; --md-on-primary: #ffffff;
  --md-on-surface: #2b2b25; --md-on-surface-variant: #5e5a4a;
  --md-outline-variant: rgba(160, 123, 25, .45);
  --md-surface-container-low: #fffbf1; --md-surface-container: #f9f2e2;
  --md-surface-container-high: #f3ead6; --md-surface-container-highest: #ede3cc;
  --md-surface: #fdf8ec; --bg: #fdf8ec; --text: #2b2b25; --muted: #5e5a4a; background-color: #fdf8ec;
}
body.home-page[data-theme="light"] .bar { background: rgba(255, 251, 241, .94); border-color: rgba(160, 123, 25, .45); }
body.home-page[data-theme="light"] main > .card, body.home-page[data-theme="light"] .card.sign {
  background: rgba(255, 251, 241, .92); border-color: rgba(160, 123, 25, .45); box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
}
body.home-page[data-theme="light"] .push-offer { background: rgba(255, 251, 241, .96); border-color: rgba(160, 123, 25, .45); color: #2b2b25; }