/*
Theme Name: Kasi Kaveen Kumar
Author: Custom Developer
Description: Official political campaign theme for Kasi Kaveen Kumar.
Version: 1.0
Text Domain: kasi-kaveen
*/

:root {
    --primary-blue: #003366;
    --accent-gold: #FFD700;
    --action-red: #CC0000;
    --light-gray: #f8f9fa;
}

body { font-family: 'Segoe UI', Roboto, sans-serif; margin: 0; color: #333; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* Header & Nav */
header { background: var(--primary-blue); color: white; padding: 15px 0; position: sticky; top: 0; z-index: 1000; }
header .flex { display: flex; justify-content: space-between; align-items: center; }
nav a { color: white; text-decoration: none; margin-left: 25px; font-weight: 600; text-transform: uppercase; font-size: 14px; }
nav a:hover { color: var(--accent-gold); }

/* Buttons */
.btn-cta { background: var(--action-red); color: white; padding: 12px 25px; border-radius: 4px; text-decoration: none; transition: 0.3s; }
.btn-cta:hover { background: #aa0000; box-shadow: 0 4px 8px rgba(0,0,0,0.2); }

/* Hero Section */
.hero { background: var(--light-gray); padding: 80px 0; text-align: center; border-bottom: 5px solid var(--primary-blue); }
.hero h1 { font-size: 3rem; margin: 0; color: var(--primary-blue); }

/* Grid for News/Gallery */
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; padding: 40px 0; }
footer { background: #1a1a1a; color: #ccc; padding: 40px 0; text-align: center; margin-top: 50px; }