/*
Theme Name: Hatylo
Theme URI: https://hatylo.com
Author: Haba Oleh
Author URI: https://hatylo.com
Description: Кастомна WordPress тема для проєкту Hatylo — мультимедійного всесвіту.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hatylo
*/
/* Відступ для адмін-панелі WordPress */
body.admin-bar .site-header {
  top: 32px; /* висота admin-bar на десктопі */
}

@media screen and (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px; /* вища панель на мобільних */
  }
}

@font-face {
  font-family: 'SplendorC';
  src: url('assets/fonts/SplendorC.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}




/* ===== ГЛОБАЛЬНІ ТЕМНІ / СВІТЛІ ТЕМИ ===== */

:root {
  --bg: #0b0b0b;
  --text: #ffffff;
  --card: #111111;
  --accent: #ff7b00;
  --muted: #2a2a2a;
  --border: #ccc;
  --transition: 0.25s ease;
}

.theme-light {
  --bg: #f8f8f8;
  --text: #1a1a1a;
  --card: #ffffff;
  --accent: #ff7b00;
  --muted: #dddddd;
  --border: #222;
}

/* ===== ГЛОБАЛЬНА БАЗА ===== */

html, body {
  background-color: var(--bg);
  color: var(--text);
  font-family: 'Montserrat', sans-serif;
  transition: background-color var(--transition), color var(--transition);
  margin: 0;
  padding: 0;
}