/*
Theme Name: Twenty Fourteen Child - Addicted2Games
Theme URI: https://addicted2games.de
Author: Addicted2Games Team
Author URI: https://addicted2games.de
Description: Modernes Dark-Theme Child-Theme basierend auf Twenty Fourteen, inspiriert von gamescom.de Design. Features: Dark/Light Mode Toggle, Hero Slider, Social Media Integration, SEO-optimiert.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, news, dark-mode, gaming, magazine, responsive, seo-optimized
Template: twentyfourteen
Text Domain: twentyfourteen-child
*/

:root {
  --color-bg-primary: #000000;
  --color-bg-secondary: #181818;
  --color-bg-card: #1f1f1f;
  --color-bg-header: rgba(0, 0, 0, 0.95);
  --color-text-primary: #ffffff;
  --color-text-secondary: #b0b0b0;
  --color-text-muted: #6c6c6c;
  --color-accent-primary: #7800ff;
  --color-accent-secondary: #52b6f9;
  --color-accent-hover: #8f33ff;
  --color-border: rgba(255, 255, 255, 0.1);
  --color-overlay: rgba(0, 0, 0, 0.7);
  --shadow-card: 0 4px 6px rgba(0, 0, 0, 0.3);
  --shadow-hover: 0 8px 25px rgba(120, 0, 255, 0.3);
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --header-height: 80px;
  --container-max-width: 1440px;
}

[data-theme="light"] {
  --color-bg-primary: #f5f5f5;
  --color-bg-secondary: #ffffff;
  --color-bg-card: #ffffff;
  --color-bg-header: rgba(255, 255, 255, 0.95);
  --color-text-primary: #1a1a1a;
  --color-text-secondary: #4a4a4a;
  --color-text-muted: #8a8a8a;
  --color-border: rgba(0, 0, 0, 0.1);
}

html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background-color: var(--color-bg-primary);
  color: var(--color-text-primary);
  line-height: 1.6;
  transition: background-color var(--transition-normal), color var(--transition-normal);
}
a { color: var(--color-accent-primary); text-decoration: none; transition: color var(--transition-fast); }
a:hover { color: var(--color-accent-hover); }
img { max-width: 100%; height: auto; display: block; }
.site { background-color: var(--color-bg-primary); }
.site-main { background-color: var(--color-bg-primary); }
.content-area { max-width: var(--container-max-width); margin: 0 auto; padding: 0 20px; }
.site-header, .site-header.transparent, .site-header.scrolled { background-color: var(--color-bg-secondary) !important; background-image: none !important; background-size: auto !important; background-position: initial !important; background-repeat: initial !important; border-bottom: 1px solid var(--color-border); }
.site-header .header-logo, .site-header .custom-logo-link, .site-header .custom-logo, .site-header[style*="background-image"] { display: none !important; }
#secondary, .sidebar, .widget-area, .jetpack_widget_social_icons { display: none !important; }
.akismet_comment_form_privacy_notice, .post-navigation, .entry-meta { display: none !important; }

.site-title a { color: var(--color-text-primary) !important; }
.site-description { color: var(--color-text-secondary) !important; }
.entry-title { color: var(--color-text-primary) !important; }
.entry-meta { color: var(--color-text-secondary) !important; }
.widget { background-color: var(--color-bg-card) !important; border: 1px solid var(--color-border); }
.widgettitle { color: var(--color-text-primary) !important; }
footer.site-footer { background-color: var(--color-bg-secondary) !important; border-top: 1px solid var(--color-border); }
.screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; }
.entry-header { margin-top: 80px !important; }