/**
 * Theme Color Variables
 * 
 * These variables are dynamically overwritten by ACF Theme Colors settings.
 * The values below are fallbacks in case PHP output fails.
 * 
 * To change colors, go to: WP Admin → Theme Settings → Theme Colors
 */

:root {
  /* Background Colors (fallbacks) */
  --color-bg-body: #1e213b;
  --color-bg-dark: #151628;
  --color-bg-card: #262948;
  --color-bg-card-alt: #262a4c;
  --color-bg-secondary: #333861;
  --color-bg-tertiary: #2d3156;

  /* Border Colors (fallbacks) */
  --color-border: #4d5591;
  --color-border-alt: #4e5593;
  --color-border-dark: #4b4d62;

  /* Text Colors (fallbacks) */
  --color-text-primary: #fff;
  --color-text-secondary: #c8cce4;
  --color-text-muted: #c7c8cf;

  /* Accent Colors (fallbacks) */
  --color-accent-primary: #95ff8c;
  --color-accent-primary-hover: #cafac6;
  --color-accent-primary-active: #72f267;

  /* Button Colors (fallbacks) */
  --color-btn-primary: #4a3aff;
  --color-btn-primary-hover: #7266ff;
  --color-btn-primary-active: #223388;

  /* Status Colors (fallbacks) */
  --color-error: #ff4242;
  --color-warning: #fac817;
  --color-warning-light: #fcde75;

  /* Special Colors (fallbacks) */
  --color-overlay: #000;
  --color-selection: #666a88;
  --color-gradient-dark: #04062d;
  --color-gradient-event: #181b30;

  /* Gradients (fallbacks) */
  --gradient-accent: linear-gradient(180deg, rgba(92, 125, 105, 0.2) 0%, rgba(149, 255, 140, 0.2) 100%);

  /* Shadows */
  --shadow: 0 2px 12px 0 rgba(5, 3, 33, 30%);

  /* Review Toplist block colors (fallbacks, resolved via PHP) */
  --toplist-color-bg-item: var(--color-bg-card);
  --toplist-color-border-item: var(--color-border);
  --toplist-color-border-featured: var(--color-warning);
  --toplist-color-bg-logo: var(--color-bg-secondary);
  --toplist-color-border-logo: var(--color-border-alt);
  --toplist-color-text-title: var(--color-text-primary);
  --toplist-color-text-info-label: var(--color-text-secondary);
  --toplist-color-bg-info-content: var(--color-bg-secondary);
  --toplist-color-rating-light: var(--color-warning-light);
  --toplist-color-rating: var(--color-warning);
  --toplist-color-rating-text: var(--color-warning);
  --toplist-color-text-bonus: var(--color-accent-primary);
  --toplist-color-bonus-icon: currentColor;
  --toplist-color-bg-bonus-icon: var(--color-accent-primary);
  --toplist-color-text-license: var(--color-accent-primary);
  --toplist-color-icon-copy: var(--color-accent-primary);
  --toplist-color-accent-stats: var(--color-accent-primary);
  --toplist-bg-cta: var(--gradient-accent);
  --toplist-color-border-extra: var(--color-bg-secondary);
  --toplist-color-border-label: var(--color-bg-secondary);
  --toplist-color-text-features: var(--color-text-primary);
  --toplist-color-icon-advantages: var(--color-accent-primary);
  --toplist-color-icon-disadvantages: var(--color-error);
  --toplist-color-icon-payment: var(--color-text-primary);
  --toplist-color-icon-games: var(--color-warning);
  --toplist-color-bg-games-item: var(--color-bg-secondary);
  --toplist-color-text-games-item: var(--color-text-primary);
  --toplist-color-tooltip-primary: var(--color-accent-primary);
  --toplist-color-tooltip-secondary: var(--color-warning);
  --toplist-color-btn-tertiary: var(--color-accent-primary);
  --toplist-color-btn-tertiary-hover: var(--color-accent-primary-hover);
  --toplist-color-btn-tertiary-text: var(--color-bg-secondary);
  --toplist-color-btn-link: var(--color-accent-primary);
  --toplist-color-btn-secondary: var(--color-bg-secondary);
  --toplist-color-btn-secondary-hover: var(--color-border);
  --toplist-color-btn-secondary-text: var(--color-text-primary);
  --toplist-color-btn-secondary-text-hover: var(--color-text-primary);

  /* Header colors (fallbacks, resolved via PHP) */
  --header-color-bg: var(--color-bg-body);
  --header-color-bg-mobile-nav: var(--color-bg-body);
  --header-color-menu-link: var(--color-text-primary);
  --header-color-menu-link-hover: var(--color-accent-primary);
  --header-color-menu-parent-hover: var(--color-warning);
  --header-color-menu-arrow: var(--color-text-primary);
  --header-color-bg-submenu: var(--color-bg-body);
  --header-color-border-submenu: var(--color-border-alt);
  --header-color-menu-submenu-link: var(--color-text-primary);
  --header-color-bg-search-input: var(--color-bg-secondary);
  --header-color-btn-secondary: var(--color-bg-secondary);
  --header-color-btn-secondary-hover: var(--color-border);
  --header-color-btn-secondary-text: var(--color-text-primary);
  --header-color-btn-secondary-text-hover: var(--color-text-primary);
  --header-color-search-toggle-active-text: var(--color-text-muted);
  --header-color-hamb-icon: var(--color-text-primary);
  --header-color-hamb-icon-active: var(--color-text-primary);

  /* Author Card colors (fallbacks, resolved via PHP) */
  --author-card-color-bg: var(--color-bg-card-alt);
  --author-card-color-text-name: var(--color-text-primary);
  --author-card-color-text-label: var(--color-text-secondary);
  --author-card-color-text-social: var(--color-text-primary);
  --author-card-color-text-social-hover: var(--color-text-secondary);
  --author-card-color-text-about-title: var(--color-text-primary);
  --author-card-color-text-descr: var(--color-text-secondary);
  --author-card-color-btn-secondary: var(--color-bg-secondary);
  --author-card-color-btn-secondary-hover: var(--color-border);
  --author-card-color-btn-secondary-text: var(--color-text-primary);
  --author-card-color-btn-secondary-text-hover: var(--color-text-primary);

  /* Sidebar colors (fallbacks, resolved via PHP) */
  --sidebar-color-event-bg: var(--color-bg-card-alt);
  --sidebar-color-toc-bg: var(--color-bg-card-alt);
  --sidebar-color-event-gradient: var(--color-gradient-event);
  --sidebar-color-event-label: var(--color-text-secondary);
  --sidebar-color-event-value: var(--color-accent-primary);
  --sidebar-color-event-text-shadow: var(--color-bg-card-alt);
  --sidebar-color-event-btn-bg: var(--color-accent-primary);
  --sidebar-color-event-btn-hover: var(--color-accent-primary-hover);
  --sidebar-color-event-btn-active: var(--color-accent-primary-active);
  --sidebar-color-event-btn-text: var(--color-bg-secondary);
  --sidebar-color-toc-toggle-text: var(--color-text-primary);
  --sidebar-color-toc-toggle-icon: var(--color-text-primary);
  --sidebar-color-toc-link: var(--color-text-secondary);
  --sidebar-color-toc-link-hover: var(--color-accent-primary);
  --sidebar-color-toc-link-indicator: var(--color-accent-primary);
  --sidebar-color-toc-nav-bg: var(--color-bg-body);
  --sidebar-color-toc-link-active: var(--color-text-primary);
}