/*
Theme Name: Themelios Technical Services
Theme URI: https://www.themelios.com
Author: Themelios Technical Services Limited
Author URI: https://www.themelios.com
Description: Official WordPress theme for Themelios Technical Services Limited — a premier engineering and construction firm based in Kampala, Uganda.
Version: 1.0.0
License: Proprietary
Text Domain: themelios
*/

/* =========================================================
   BRAND FONT FACE
   ========================================================= */
@font-face {
  font-family: 'VLNL Breakz';
  src: url('fonts/VLNL-Breakz-Condensed-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* =========================================================
   BRAND VARIABLES
   ========================================================= */
:root {
  --color-primary:     #f16722;
  --color-brand-green: #363c34;
  --color-brand-dark:  #1f2420;
  --font-display: 'VLNL Breakz', sans-serif;
  --font-sans:    'Mazzard', sans-serif;
}

/* =========================================================
   BASE RESETS
   ========================================================= */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--font-sans);
  color: #18181b;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

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

a { color: inherit; text-decoration: none; }

/* =========================================================
   UTILITY — used across templates
   ========================================================= */
.font-display  { font-family: var(--font-display); }
.text-primary  { color: var(--color-primary); }
.bg-primary    { background-color: var(--color-primary); }
.bg-brand-green { background-color: var(--color-brand-green); }
.bg-brand-dark  { background-color: var(--color-brand-dark); }

/* AOS overrides */
[data-aos] { pointer-events: none; }
[data-aos].aos-animate { pointer-events: auto; }

/* Sticky nav scroll shadow */
#site-header.scrolled {
  background: rgba(255,255,255,0.96);
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 4px rgba(0,0,0,0.08);
  border-bottom: 1px solid #e4e4e7;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}