/*
Theme Name: Okwese
Theme URI: https://example.com/
Description: A standalone, Elementor-compatible WordPress theme for Okwese, generated by the Elementor Theme Builder skill. Requires no parent theme — install and activate directly, then install the Elementor plugin (and Elementor Pro if you have a license) to build/edit pages.
Author: Okwese
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: okwese
*/

/* ------------------------------------------------------------------
   Brand design tokens — the single source of truth for this theme's
   colors and type. The same values are baked into every Elementor
   widget this kit ships (see elementor_elements.py) so the site looks
   correct even before these variables are referenced anywhere else.
   ------------------------------------------------------------------ */
:root {
  --color-primary: #D4AF37;
  --color-primary-dark: #A7861D;
  --color-secondary: #51ADCF;
  --color-dark: #1D1B16;
  --color-light: #F3F3F1;
  --color-surface: #2B2922;
  --color-muted: #A8A394;
  --color-success: #1E8A6E;
  --color-warning: #C2790A;
  --color-error: #C13A3A;
  --color-text-on-body: #F3F3F1;
  --color-text-on-primary: #1D1B16;
  --color-text-on-dark: #FAFAFA;

  --font-heading: "Sora", -apple-system, Helvetica, Arial, sans-serif;
  --font-body: "IBM Plex Sans", -apple-system, Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  color: var(--color-text-on-body);
  background-color: var(--color-light);
  font-family: var(--font-body);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-dark);
}

a { color: var(--color-primary); }
a:hover { color: var(--color-primary-dark); }

::selection { background: var(--color-primary); color: var(--color-text-on-primary); }

/* Fallback header/footer chrome — only rendered when Elementor Pro's
   Theme Builder has no header/footer template assigned. See header.php
   and footer.php. Deliberately minimal so it never fights an Elementor-
   built page. */
.site-header__inner, .site-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.site-header { background: var(--color-light); border-bottom: 1px solid var(--color-surface); }
.site-footer { background: var(--color-dark); color: var(--color-text-on-dark); }
.site-footer a { color: var(--color-text-on-dark); }
.site-logo { font-family: var(--font-heading); font-weight: 700; font-size: 20px; color: var(--color-dark); text-decoration: none; }

/* WordPress core alignment classes — kept so non-Elementor content
   (block editor fallback, plugin output) still respects the brand. */
.alignleft { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }