/* ============================================================================
   empenna.com — shared base: design tokens + reset + shared primitives.
   Loaded FIRST on every page (after fonts.css), before the per-page stylesheet.
   Extracted 2026-07-26 from the per-page <style> blocks so the CSP can drop
   'unsafe-inline' from style-src. Mechanical move — computed styles unchanged.
   ============================================================================ */

/* === TOKENS (from ai-you.pro / ExecOS design system) === */
:root{
  --deep-navy:#0E1E30; --navy-mid:#1B3A5C; --navy-light:#243F63;
  --brand-blue:#3577A8; --brand-blue-dk:#2A5F8A;
  --white:#FFFFFF; --off-white:#E8ECF0; --gray-mid:#9AACBC; --gray-dark:#4A5F72;
  --font-display:'Barlow Condensed','Arial Narrow',sans-serif;
  --font-body:'Barlow',system-ui,sans-serif;
  --font-mono:'Share Tech Mono',monospace;
}

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

/* === SHARED PRIMITIVES === */
.tm{font-size:.5em;vertical-align:super;font-weight:400;letter-spacing:0;line-height:0}

/* === FOOTER BRAND LOCKUP ===
   EMPENNA word + dart with the ™ tucked below the dart, far right (Jon, 2026-07-27).
   Em-scaled like the nav lockup: set font-size on .flock and everything follows.
   Dart geometry mirrors the nav/.ah-r metrics (height .7em, translateY .05em). */
.flock{display:inline-flex;align-items:center;position:relative;text-decoration:none;font-family:var(--font-display);font-weight:800;letter-spacing:.08em;color:var(--white);text-transform:uppercase;line-height:1}
.flock-ah{position:relative;display:inline-flex;align-items:center;color:var(--brand-blue)}
.flock-ah svg{height:.7em;width:auto;margin-left:-.02em;transform:translateY(.05em)}
.flock-ah path{fill:currentColor}
.flock-tm{position:absolute;right:0;top:100%;margin-top:.12em;font-size:.38em;line-height:1;font-weight:400;letter-spacing:0;color:var(--gray-mid)}