/* UFC Ukraine — design reboot «Чорне табло». */
:root{
  --font-display:'Unbounded','Manrope',system-ui,sans-serif;
  --font-body:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif;
  --fs-label:.75rem;--fs-small:.875rem;--fs-body:1.0625rem;--fs-lead:1.25rem;
  --fs-h3:1.25rem;--fs-h2:clamp(1.375rem,2.4vw,1.75rem);--fs-h1:clamp(1.75rem,4.4vw,3rem);--fs-score:clamp(2rem,5vw,3.5rem);
  --skew:-12deg;--r-sm:4px;--r-md:8px;--r-lg:12px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;
  --content:1200px;--measure:680px;
}
/* UFC Georgia — палітра у кольорах прапора Грузії.
   Ті самі змінні, що в UA-версії: підключити ПІСЛЯ основного CSS. */

:root {
  --plaque: #DA291C;        /* червоний прапора: плашки, активні стани, блок GE в лого */
  --plaque-ink: #FFFFFF;    /* текст на червоних плашках */
  --live-ink: #FFFFFF;
  --focus: #FF5A4D;
}

:root, :root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #121012;
  --surface: #1C1719;
  --surface-2: #251E21;
  --line: #3B3033;
  --text: #FFFFFF;
  --text-muted: #B8ACAE;
  --logo-ufc-bg: #FFFFFF;
  --logo-ufc-ink: #141012;
  --live: #FF5A4D;          /* червоний для тексту/лінків на темному фоні */
  --pred-hit: #3DDC84;
  --pred-winner: #D4A72C;
  --pred-miss: #FF5A4D;
  --pred-none: #6B6264;
  --champion: #D4A72C;      /* золото — лише чемпіонські позначки */
  --link: #FFFFFF;
  --link-underline: #DA291C;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #F7F5F3;
    --surface: #FFFFFF;
    --surface-2: #EFEAE8;
    --line: #E2DBD9;
    --text: #141012;
    --text-muted: #5E5456;
    --logo-ufc-bg: #141012;
    --logo-ufc-ink: #FFFFFF;
    --live: #B3170F;
    --pred-hit: #138A4B;
    --pred-winner: #A57A0C;
    --pred-miss: #B3170F;
    --pred-none: #8A8183;
    --champion: #A57A0C;
    --link: #141012;
    --link-underline: #DA291C;
    --focus: #B3170F;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #F7F5F3;
  --surface: #FFFFFF;
  --surface-2: #EFEAE8;
  --line: #E2DBD9;
  --text: #141012;
  --text-muted: #5E5456;
  --logo-ufc-bg: #141012;
  --logo-ufc-ink: #FFFFFF;
  --live: #B3170F;
  --pred-hit: #138A4B;
  --pred-winner: #A57A0C;
  --pred-miss: #B3170F;
  --pred-none: #8A8183;
  --champion: #A57A0C;
  --link: #141012;
  --link-underline: #DA291C;
  --focus: #B3170F;
}

/* Фавікон (у <head>):
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
   <link rel="icon" href="/favicon-32.png" type="image/png" sizes="32x32">
   <link rel="apple-touch-icon" href="/favicon-180.png" sizes="180x180">
   Лого: /assets/brand/logo-on-dark.svg і /assets/brand/logo-on-light.svg — замінити файли. */

/* Compatibility for legacy page and article CSS stored in D1. */
:root{
  --canvas:var(--bg);--canvas-raised:var(--surface);--canvas-sunk:var(--surface-2);
  --ink:var(--text);--ink-soft:var(--text-muted);--steel:var(--text-muted);
  --line-strong:var(--line);--blood:var(--live);--blood-deep:var(--live);
  --blood-tint:color-mix(in srgb,var(--live) 12%,transparent);
  --gold:var(--plaque);--champ-abbr:var(--champion);--gold-tint:color-mix(in srgb,var(--plaque) 16%,transparent);
  --winner:var(--pred-hit);--winner-tint:color-mix(in srgb,var(--pred-hit) 12%,transparent);
  --slab-bg:var(--surface);--slab-bg-raised:var(--surface-2);--slab-fg:var(--text);--slab-fg-dim:var(--text-muted);--slab-line:var(--line);
  --card:var(--surface);--card-bg:var(--surface);--muted:var(--text-muted);--red:var(--live);--navy:var(--plaque-ink);
  --shadow:0 8px 24px color-mix(in srgb,var(--text) 14%,transparent);--radius-cut:var(--r-lg);
}