/*
Theme Name: BBC News.fr
Theme URI: https://bbcnews.fr
Author: BBC News.fr Team
Author URI: https://bbcnews.fr
Description: Un thème WordPress d'actualités moderne, rapide, élégant et entièrement réactif pour le site BBC News.fr. Optimisé pour Gutenberg, Rank Math, le référencement (SEO) et la vitesse de chargement.
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: bbc-news-fr
Tags: news, blog, two-columns, right-sidebar, custom-menu, featured-images, translation-ready, rtl-language-support, block-styles, grid-layout, e-commerce
*/

/* ==========================================================================
   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: 6px;
  --bbc-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --bbc-font-serif: "Merriweather", "Georgia", Cambria, 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;
}

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 {
  width: 100%;
  max-width: var(--bbc-container-width);
  margin: 0 auto;
  padding: 0 20px;
}