/*
Theme Name: Smart Women CIC
Theme URI: https://smartwomencic.org.uk
Author: Smart Women CIC
Author URI: https://smartwomencic.org.uk
Description: A warm, editorial WordPress theme for Smart Women CIC — empowering women in Birmingham. Elementor compatible. Features sage green and gold branding, full-width hero, services grid, events section, impact stats, testimonials, careers, and contact form.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: smart-women-cic
Tags: custom-colors, custom-logo, full-width-template, two-columns, three-columns, accessibility-ready, blog, portfolio, community, charity, elementor
*/

/* === THEME VARIABLES === */
:root {
  --sage: #4a7c59;
  --sage-light: #6d9e7e;
  --sage-dark: #2d5040;
  --gold: #c9a84c;
  --gold-light: #e8c97b;
  --cream: #faf7f2;
  --cream-dark: #f0ebe0;
  --charcoal: #1e1e1e;
  --warm-gray: #6b6560;
  --white: #ffffff;
  --blush: #f5ebe0;
  --terracotta: #c8724a;
}

/* === RESET & BASE === */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; font-size: 16px; }
body {
  font-family: 'DM Sans', sans-serif;
  background: var(--cream);
  color: var(--charcoal);
  overflow-x: hidden;
  line-height: 1.6;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--sage); text-decoration: none; }
a:hover { color: var(--sage-dark); }
ul { list-style: none; }
button { cursor: pointer; }

/* === TYPOGRAPHY === */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
  line-height: 1.2;
  color: var(--charcoal);
}
h1 { font-size: clamp(40px, 5vw, 68px); font-weight: 800; }
h2 { font-size: clamp(30px, 4vw, 48px); font-weight: 800; }
h3 { font-size: clamp(20px, 2.5vw, 28px); font-weight: 700; }
p { line-height: 1.7; }

/* === WORDPRESS CORE COMPATIBILITY === */
.wp-block-image img { border-radius: 8px; }
.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100%; }
.aligncenter { text-align: center; }

/* See assets/css/main.css for all component styles */