/*
Theme Name: Boomerintech
Theme URI: https://www.boomerintech.com
Author: Boomerintech Team
Author URI: https://www.boomerintech.com
Description: Thème personnalisé pour le think tank Boomerintech - Digitaliser sans se dévitaliser
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: boomerintech
Tags: blog, think-tank, pixel-art, modern, inclusive
*/
:root {
    --color-orange: #FF6B35;
    --color-blue: #4A90E2;
    --color-green: #7FD957;
    --color-gray-bg: #F5F5F0;
    --color-black: #1A1A1A;
    --color-white: #FFF;
}
/* Reset */
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: 'Segoe UI', Arial, sans-serif; color: var(--color-black); background: var(--color-white);}
.site-container { max-width: 1100px; margin: 0 auto; padding: 0 2rem;}
.site-header { background: var(--color-white); border-bottom: 4px solid var(--color-orange); padding: 2rem 0;}
.site-logo img { max-width: 160px; image-rendering: pixelated;}
.main-navigation ul { list-style: none; display: flex; gap: 2rem; }
.main-navigation a { font-weight: 700; text-transform: uppercase; color: var(--color-black); text-decoration: none;}
.main-navigation a:hover { color: var(--color-orange);}
.hero-section { background: linear-gradient(135deg, var(--color-blue), var(--color-orange)); color: var(--color-white); padding: 5rem 0; text-align: center;}
.hero-title { font-size: 3rem; margin-bottom: 1rem; }
.hero-cta { display: inline-block; background: var(--color-white); color: var(--color-orange); padding: 1rem 2rem; border-radius: 8px; font-weight: 700; }
.articles-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(320px,1fr)); gap: 2rem; margin: 4rem 0;}
.article-card { background: var(--color-white); border: 3px solid var(--color-black); border-radius: 8px;}
.article-content { padding: 1.5rem;}
.site-footer { background: var(--color-black); color: var(--color-white); padding: 4rem 0 2rem; text-align: center;}