/*
Theme Name: Kasb-e-Kamaal
Theme URI: https://kasbekamaal.org/
Author: Kasb-e-Kamaal Team
Author URI: https://kasbekamaal.org/
Description: An elegant, fully responsive, and Elementor-compatible WordPress theme for Kasb-e-Kamaal organization. Empowering communities, preserving cultural heritage, and building sustainable futures through skills, education, and rural development.
Version: 1.0.4
Requires at least: 6.0
Tested up to: 6.7
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: kasb-e-kamaal
Tags: custom-background, custom-logo, custom-menu, featured-images, full-width-template, theme-options, translation-ready, block-styles, wide-blocks
*/

/* ==========================================================================
   Kasb-e-Kamaal - Core Theme Baseline Styles
   ========================================================================== */

:root {
  --k-forest-dark: #0a3821;
  --k-forest-btn: #0d4029;
  --k-forest-btn-hover: #135537;
  --k-terracotta: #7d3d1f;
  --k-terracotta-hover: #964a27;
  --k-script-olive: #4e7d65;
  --k-cream-bg: #f6f4ee;
  --k-cream-pillars: #faf9f5;
  --k-cream-badge: #edeae0;
  --k-border-subtle: #e8e4da;
  --k-text-dark: #222222;
  --k-text-body: #2e3b33;
  --k-text-muted: #555555;
  --k-text-desc: #4b5563;
  --font-serif: 'Playfair Display', 'Cinzel', Georgia, serif;
  --font-script: 'Caveat', 'Alex Brush', cursive;
  --font-sans: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  color: var(--k-text-body);
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

a {
  color: var(--k-forest-dark);
  text-decoration: none;
  transition: color 0.2s ease;
}

a:hover {
  color: var(--k-forest-btn-hover);
}

.site-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
}

.site-main {
  flex-grow: 1;
  width: 100%;
}