/*
Theme Name: Kutchi Dholi
Theme URI: https://kutchidholi.com
Author: Alamgir Khan
Author URI: https://linkedin.com/in/alamgirkhan
Description: Elementor-compatible theme for Kutchi Dholi (Zubair Firoz). Ships the brand design system (oxblood, wine, antique gold, ivory; Playfair Display + DM Sans) and theme-level security hardening. Cedes page layout to Elementor; supports Theme Builder headers and footers with PHP fallbacks.
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: kutchi-dholi
Tags: elementor, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* -------------------------------------------------------------
   Base reset and brand tokens live in assets/css/brand.css,
   enqueued after this stylesheet. This file carries the theme
   header (required by WordPress) and a minimal safety baseline
   in case brand.css fails to load.
---------------------------------------------------------------- */

:root {
  --kd-oxblood: #1E0D0C;
  --kd-wine: #7A1A22;
  --kd-gold: #C9A54A;
  --kd-gold-soft: #E3C46F;
  --kd-ivory: #F7F1E8;
  --kd-ivory-2: #EFE5D8;
  --kd-ink: #1E0D0C;
  --kd-ink-soft: #4A3A34;
  --kd-muted: #8A776C;
}

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

body {
  margin: 0;
  background: var(--kd-ivory);
  color: var(--kd-ink);
  font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .kd-display {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  color: var(--kd-ink);
  line-height: 1.1;
}

a { color: var(--kd-wine); }
a:hover, a:focus { color: var(--kd-oxblood); }

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

/* Accessibility: visible focus and skip link */
.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--kd-oxblood);
  color: var(--kd-ivory);
  padding: 12px 20px;
  z-index: 100000;
  border-radius: 0 0 8px 0;
}
.skip-link:focus { left: 0; }

:focus-visible { outline: 3px solid var(--kd-gold); outline-offset: 2px; }