/*
Theme Name: GREOS
Theme URI: https://greos.com
Author: Peakuilibrium
Description: Production theme for GREOS — high-temperature elastomeric coatings for aerospace & defense. Built from the approved HTML mockups with ACF Pro for fully marketer-editable content.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: greos
*/

/* ───────────────────────────────────────────────────────────────
   This file holds ONLY: the theme header (above), the design-system
   CSS custom properties, the reset, and base typography.
   All component + page CSS lives in assets/css/greos.css so the
   :root variables are defined exactly once (per CLAUDE.md rule).
   Values below are copied verbatim from the approved mockups.
─────────────────────────────────────────────────────────────── */

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

:root {
  --navy:       #2a324b;
  --navy-deep:  #1c2236;
  --navy-mid:   #3a4560;
  --blue:       #249CFC;
  --blue-dark:  #1a7fd4;
  --teal:       #28a0d4;
  --teal-dark:  #1e7fa8;
  --grey-light: #ebeced;
  --grey-bg:    #f4f6f9;
  --grey-mid:   #d4d6d8;
  --white:      #ffffff;
  --text-body:  #4a5268;
  --text-muted: #7a8299;
  /* chevron angle: logo uses ~14° slope */
  --chevron-h:  72px;
  --font: 'Outfit', sans-serif;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--font);
  color: var(--navy);
  background: var(--white);
  line-height: 1.6;
  overflow-x: hidden;
}

/* WordPress core baseline (admin bar offset for logged-in editors) */
img { max-width: 100%; height: auto; }
a { color: inherit; }