/*
Theme Name: News Today US
Theme URI: https://news-today.us
Author: News Today Editorial Team
Author URI: https://news-today.us
Description: A modern, ultra-fast, responsive American news WordPress theme for news-today.us. Features 10 top US news categories, 16:9 YouTube-thumbnail style media cards with bottom title overlays, Gutenberg & Rank Math compatibility, instant Live Search, dark mode, and full WP Customizer support.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: news-today-us
Tags: news, blog, two-columns, right-sidebar, custom-menu, featured-images, translation-ready, block-styles, grid-layout
*/

/* ==========================================================================
   CSS Custom Properties & Color Palette
   ========================================================================== */
:root {
  --bbc-red: #BB1919;
  --bbc-red-dark: #8C1313;
  --bbc-red-light: #D92B2B;
  --bbc-black: #121212;
  --bbc-dark-gray: #1F1F1F;
  --bbc-mid-gray: #4A4A4A;
  --bbc-light-gray: #F4F5F7;
  --bbc-border-color: #E2E8F0;
  --bbc-text-main: #1A1A1A;
  --bbc-text-muted: #64748B;
  --bbc-bg-body: #FFFFFF;
  --bbc-bg-card: #FFFFFF;
  --bbc-accent-blue: #0066CC;
  --bbc-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
  --bbc-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --bbc-shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.12);
  --bbc-radius: 8px;
  --bbc-font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --bbc-font-serif: 'Merriweather', 'Playfair Display', 'Lora', Georgia, serif;
  --bbc-font-headline: 'Playfair Display', 'Merriweather', Georgia, serif;
  --bbc-container-width: 1240px;
}

body.dark-mode {
  --bbc-black: #0D0D0D;
  --bbc-dark-gray: #181818;
  --bbc-text-main: #F1F5F9;
  --bbc-text-muted: #94A3B8;
  --bbc-bg-body: #121212;
  --bbc-bg-card: #1E1E1E;
  --bbc-border-color: #2D3748;
  --bbc-light-gray: #2A2A2A;
}

/* Base Styles */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: var(--bbc-font-sans);
  background-color: var(--bbc-bg-body);
  color: var(--bbc-text-main);
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--bbc-red);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

.container {
  max-width: var(--bbc-container-width);
  margin: 0 auto;
  padding: 0 20px;
}