html.korafabor-theme {
  --kf-gold: #e4c67e;
  --kf-gold-bright: #f3d991;
  --kf-white: #f5f7f4;
  --kf-muted: #b9beba;
  --kf-canvas: #111416;
  --kf-panel: #1c2023;
  --kf-raised: #24292d;
  --kf-line: #ffffff20;
  --kf-gold-line: #e4c67e40;
  --kf-backdrop: linear-gradient(135deg, #111416 0%, #1b1f22 55%, #151819 100%);
  --primary-color: var(--kf-gold);
  --secondary-color: var(--kf-gold);
  --dark-color: var(--kf-canvas);
  --light-color: var(--kf-white);
  --glass-effect: #1c2023e8;
  --card-bg: var(--kf-panel);
  --ink: var(--kf-white);
  --muted: var(--kf-muted);
  --accent: var(--kf-gold);
  --border: var(--kf-line);
  color-scheme: dark;
  background-color: var(--kf-canvas);
}
html.korafabor-theme body {
  color: var(--kf-white);
  background-color: var(--kf-canvas);
  background-image: var(--kf-backdrop);
  background-attachment: fixed;
  --match-viewport-background: var(--kf-backdrop);
}
html.korafabor-theme body::before { opacity: 0.22; }
html.korafabor-theme .header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 20px;
  background: #15191cf5;
  border-bottom: 1px solid var(--kf-gold-line);
  box-shadow: 0 4px 18px #0004;
}
html.korafabor-theme .header .logo { min-width: 0; }
html.korafabor-theme .header .header-title {
  min-width: 0;
  margin: 0;
  font-size: 20px;
  line-height: 1.6;
  color: var(--kf-white);
}
html.korafabor-theme .nav ul { align-items: center; gap: 8px; }
html.korafabor-theme .nav ul li a {
  display: block;
  white-space: nowrap;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 13px;
  color: var(--kf-white);
}
html.korafabor-theme .nav ul li a.active,
html.korafabor-theme .nav ul li a:hover {
  background: #e4c67e14;
  border-color: var(--kf-gold-line);
  color: var(--kf-gold-bright);
  box-shadow: none;
}
html.korafabor-theme .featured-section,
html.korafabor-theme .news-grid-section,
html.korafabor-theme .news-controls-section,
html.korafabor-theme .matches-layout,
html.korafabor-theme .all-matches,
html.korafabor-theme .news-hero {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
}
html.korafabor-theme .section-title {
  color: var(--kf-white);
  border-bottom: 1px solid var(--kf-gold-line);
  padding-bottom: 14px;
  line-height: 1.7;
}
html.korafabor-theme .section-title i,
html.korafabor-theme .match-detail-item i { color: var(--kf-gold); }
html.korafabor-theme #featured-matches {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}
html.korafabor-theme .match-card-link { min-width: 0; }
html.korafabor-theme .match-card { height: auto; box-sizing: border-box; }
html.korafabor-theme .prerendered-match { min-height: 170px; display: flex; flex-direction: column; gap: 8px; }
html.korafabor-theme .prerendered-match a { margin-top: auto; align-self: flex-start; }
html.korafabor-theme .match-card,
html.korafabor-theme .prerendered-match {
  color: var(--kf-white);
  background: linear-gradient(145deg, #24292d, #1b1f22);
  border: 1px solid var(--kf-line);
  border-radius: 8px;
  box-shadow: inset 0 1px #ffffff08, 0 5px 15px #0002;
}
html.korafabor-theme .match-card::before { background: linear-gradient(120deg, #ffffff08, transparent 45%); opacity: 1; }
html.korafabor-theme .match-card.is-live { border-color: var(--kf-gold-line); box-shadow: inset 3px 0 var(--kf-gold), 0 5px 15px #0002; }
html.korafabor-theme .match-card:hover { border-color: var(--kf-gold); transform: translateY(-2px); box-shadow: 0 8px 20px #0004; }
html.korafabor-theme .score,
html.korafabor-theme .live-stat-score,
html.korafabor-theme .league-info,
html.korafabor-theme .match-scorers i { color: var(--kf-gold-bright); }
html.korafabor-theme .time,
html.korafabor-theme .live-stat { background: #121619b3; }
html.korafabor-theme .live-detail-panel {
  background: #14181ba6;
  border: 1px solid var(--kf-line);
  box-shadow: none;
}
html.korafabor-theme .live-detail-panel small { color: var(--kf-muted); }
html.korafabor-theme .match-scorers span { background: #ffffff0a; color: var(--kf-white); }
html.korafabor-theme .matches-tabs { border-color: var(--kf-line); }
html.korafabor-theme .tab-btn { color: var(--kf-muted); }
html.korafabor-theme .tab-btn.active { color: var(--kf-gold-bright); border-color: var(--kf-gold); }
html.korafabor-theme #news-search-input,
html.korafabor-theme .search-container input {
  background: #171b1e;
  color: var(--kf-white);
  border: 1px solid #ffffff30;
  border-radius: 6px;
  min-width: 0;
}
html.korafabor-theme #news-search-input::placeholder,
html.korafabor-theme .search-container input::placeholder { color: var(--kf-muted); }
html.korafabor-theme #news-search-input:focus,
html.korafabor-theme .search-container input:focus { outline: 2px solid var(--kf-gold); outline-offset: 2px; }
html.korafabor-theme #search-btn,
html.korafabor-theme .search-container button,
html.korafabor-theme .load-more-btn {
  color: #171a1c;
  background: var(--kf-gold);
  border-radius: 6px;
  box-shadow: none;
  font-weight: 700;
}
html.korafabor-theme #search-btn:hover,
html.korafabor-theme .search-container button:hover,
html.korafabor-theme .load-more-btn:hover { background: var(--kf-gold-bright); color: #111416; }
html.korafabor-theme .filter-btn,
html.korafabor-theme .category-btn {
  background: #1c2023;
  color: var(--kf-muted);
  border: 1px solid var(--kf-line);
  border-radius: 6px;
}
html.korafabor-theme .filter-btn.active,
html.korafabor-theme .filter-btn:hover,
html.korafabor-theme .category-btn.active,
html.korafabor-theme .category-btn:hover {
  background: #e4c67e16;
  border-color: var(--kf-gold-line);
  color: var(--kf-gold-bright);
}
html.korafabor-theme .news-card,
html.korafabor-theme .breaking-news-card {
  background: var(--kf-panel) !important;
  border: 1px solid var(--kf-line);
  border-radius: 8px;
  box-shadow: 0 5px 16px #0002;
}
html.korafabor-theme .news-card:hover,
html.korafabor-theme .breaking-news-card:hover { border-color: var(--kf-gold-line); box-shadow: 0 8px 22px #0004; transform: translateY(-2px); }
html.korafabor-theme .news-title a { color: var(--kf-white) !important; }
html.korafabor-theme .news-title a:hover,
html.korafabor-theme .read-more-link { color: var(--kf-gold-bright) !important; }
html.korafabor-theme .news-summary,
html.korafabor-theme .news-meta { color: var(--kf-muted); }
html.korafabor-theme .news-category-badge { background: var(--kf-gold); color: #171a1c; border-radius: 4px; }
html.korafabor-theme .news-image-wrapper { background: var(--kf-raised); }
html.korafabor-theme .footer,
html.korafabor-theme .article-footer {
  background: #14181b;
  color: var(--kf-white);
  border-top: 1px solid var(--kf-gold-line);
  box-shadow: none;
  backdrop-filter: none;
}
html.korafabor-theme .footer::before { background: linear-gradient(90deg, transparent, #e4c67e07, transparent); opacity: 1; }
html.korafabor-theme .footer-widget { background: transparent; border: 0; border-radius: 0; box-shadow: none; }
html.korafabor-theme .footer-widget .widget-title { color: var(--kf-white); border-color: var(--kf-gold); }
html.korafabor-theme .footer-widget .widget-menu a { color: var(--kf-muted); }
html.korafabor-theme .footer-links a:hover,
html.korafabor-theme .footer-widget .widget-menu a:hover { color: var(--kf-gold-bright); }
html.korafabor-theme .copyright { border-color: var(--kf-line); color: var(--kf-muted); opacity: 1; }
html.korafabor-theme .social-bar { background: #171b1ee8; border: 1px solid var(--kf-gold-line); border-inline-end: 0; }
html.korafabor-theme .social-icon { color: var(--kf-white); }
html.korafabor-theme .article-header { background: #15191c; border-color: var(--kf-gold-line); }
html.korafabor-theme .article-header a:hover,
html.korafabor-theme .article-breadcrumb,
html.korafabor-theme .article-kicker,
html.korafabor-theme .news-story h2,
html.korafabor-theme .article-source a,
html.korafabor-theme .article-related > a { color: var(--kf-gold-bright); }
html.korafabor-theme .match-detail { background: #1c2023; border-color: var(--kf-gold-line); border-radius: 8px; }
html.korafabor-theme .match-detail a,
html.korafabor-theme .results-archive a,
html.korafabor-theme .archive-directory-links a { color: var(--kf-gold-bright); }
html.korafabor-theme .results-archive { color: var(--kf-white); }
html.korafabor-theme .result-list small,
html.korafabor-theme .directory-list small { color: var(--kf-muted); }
@media (max-width: 1050px) {
  html.korafabor-theme .header { gap: 12px; }
  html.korafabor-theme .header .header-title { font-size: 17px; }
  html.korafabor-theme .nav ul li a { padding-inline: 8px; font-size: 12px; }
}
@media (max-width: 767px) {
  html.korafabor-theme .header { grid-template-columns: auto minmax(0, 1fr); gap: 12px; padding-inline: 15px; }
  html.korafabor-theme .header .header-title { font-size: 12px; text-align: start; }
  html.korafabor-theme .nav { display: none; }
  html.korafabor-theme .featured-section,
  html.korafabor-theme .news-grid-section,
  html.korafabor-theme .news-controls-section,
  html.korafabor-theme .all-matches { padding-inline: 0; }
  html.korafabor-theme .news-filters,
  html.korafabor-theme .categories-tabs { justify-content: flex-start; }
}
@media (max-width: 700px), (hover: none) and (pointer: coarse) {
  html.korafabor-theme body { background-image: none; background-attachment: scroll; }
}
@media (prefers-reduced-motion: reduce) {
  html.korafabor-theme .match-card:hover,
  html.korafabor-theme .news-card:hover,
  html.korafabor-theme .breaking-news-card:hover { transform: none; }
}
