/* Шрифти й кольори «Поряд» — ті самі токени, що в застосунку (DesignSystem.swift / Tokens.kt). Спільне для всіх сторінок сайту. */
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("fonts/inter-cyrillic-400-normal.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap; src: url("fonts/inter-cyrillic-500-normal.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("fonts/inter-cyrillic-600-normal.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Inter"; font-weight: 400; font-display: swap; src: url("fonts/inter-latin-400-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F; }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap; src: url("fonts/inter-latin-500-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F; }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap; src: url("fonts/inter-latin-600-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+2000-206F; }
/* Source Serif 4 зі шрифту застосунку: зафіксовано вагу 600, лишено кирилицю й латиницю. */
@font-face { font-family: "Source Serif 4"; font-weight: 600; font-display: swap; src: url("fonts/source-serif-4-600.woff2") format("woff2"); }

:root {
  --canvas: #F5F5F7; --canvas-tint: #EBEBF0; --surface: #FFFFFF; --surface-muted: #F2F2F7; --glow: #E4E1F6;
  --ink: #1D1D1F; --ink-secondary: #6E6E73; --ink-tertiary: #6E6E78; --hairline: #E5E5EA;
  --brand: #1D1D1F; --brand-pressed: #3A3A3C; --on-brand: #FFFFFF; --brand-container: #E8E8ED;
  --accent: #E0582F; --accent-container: #FDE7DF; --on-accent-container: #7A2E14;
  --cat-music: #6D4AC9; --cat-games: #2F63C4;
  --shadow-raised: 0 4px 16px rgba(0,0,0,.10), 0 1px 4px rgba(0,0,0,.06);
  --shadow-overlay: 0 12px 40px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.06);
  --font: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;
  --serif: "Source Serif 4", Georgia, serif;
}
/* Темна тема — для правових сторінок; лендинг завжди світлий (data-theme="light"). */
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --canvas: #0B0B0F; --canvas-tint: #141419; --surface: #17171C; --surface-muted: #26262E; --glow: #1B1A36;
  --ink: #F5F5F7; --ink-secondary: #A1A1A8; --ink-tertiary: #8E8E96; --hairline: #2A2A33;
  --brand: #F5F5F7; --brand-pressed: #D1D1D6; --on-brand: #1D1D1F; --brand-container: #2C2C33;
  --accent: #FF8A5B; --accent-container: #3F2419; --on-accent-container: #FFD9C8;
  color-scheme: dark;
} }