/*
 Theme Name: GeneratePress Child — Aureole Intelligence
 Template: generatepress
 Version: 1.1.0
 Description: GeneratePress child theme for aureoleintelligence.com — design tokens, base reset, heading defaults. Component patterns layered on top.
 Author: Aureole Intelligence
 Author URI: https://aureoleintelligence.com
 Text Domain: aureole-child
*/

/* ============================================================
   DESIGN TOKENS — sourced from Design System.md v1.0 (§2/§3/§5)
   ============================================================ */
:root {
  /* Ink (navy family) */
  --navy:        #1A2332;
  --navy-deep:   #0F1822;
  --navy-darker: #0A1119;
  --navy-soft:   #2C3E50;

  /* Gold (accent family) */
  --gold:        #C9A84C; /* on dark surfaces */
  --gold-deep:   #A8862E; /* on light surfaces */
  --gold-light:  #E8D9A8; /* tints, soft fills */

  /* Signature blue — 1px hairline accents only, never as fill */
  --signature:   #0050F8;

  /* Paper (warm neutrals) */
  --bone:        #F5F1E8;
  --bone-soft:   #F9F5EC;
  --paper:       #FAFAF7;
  --line:        #E5DFCF;
  --line-soft:   #EFEAD9;

  /* Cool grays — sparingly */
  --gray-200:    #E9ECEF;
  --gray-500:    #9AA1AA;
  --gray-600:    #6C757D;
  --gray-700:    #495057;
  --white:       #FFFFFF;

  /* Typography — Cormorant Garamond + Inter + JetBrains Mono + Bodoni Moda
     loaded once via functions.php. System fallbacks for FOUT mitigation. */
  --serif:         'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --serif-display: 'Bodoni Moda', 'Bodoni 72', 'Didot', 'Times New Roman', serif;
  --sans:          'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --mono:          'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Layout */
  --container:        1240px;
  --header-h:         104px;
  --header-logo-h:    78px;
  --footer-logo-h:    100px;

  /* Mirror to GenerateBlocks V2's container variable so any GB block
     using var(--gb-container-width) inherits our width. */
  --gb-container-width: var(--container);
}

/* ============================================================
   BASE RESET
   ============================================================ */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--sans);
  background: var(--paper);
  color: var(--navy);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  font-weight: 400;
  overflow-x: hidden;
}
::selection { background: var(--gold); color: var(--navy-darker); }
a   { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; height: auto; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }

/* ============================================================
   TYPOGRAPHY DEFAULTS
   ============================================================ */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--serif);
  font-weight: 400;
  color: var(--navy);
  letter-spacing: -0.01em;
  line-height: 1.05;
}
h1 { font-size: clamp(3rem, 6vw, 5.5rem); }
h2 { font-size: clamp(2.4rem, 4vw, 3.4rem); }
h3 { font-size: 1.6rem; line-height: 1.2; }
h4 { font-size: 1.25rem; line-height: 1.3; }
em, .ital { font-style: italic; font-weight: 300; }

/* Italic accent device — gold-deep on light surfaces, gold on dark.
   Used as <em class="ital"> on a single noun/adjective per heading. */
em.ital            { color: var(--gold-deep); }
.on-dark em.ital,
em.ital.on-dark    { color: var(--gold); }

/* Eyebrow — mono caps with gold rule (Design System §3.4) */
.eyebrow {
  font-family: var(--mono);
  font-size: 0.72rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  color: var(--gold-deep);
  display: inline-flex;
  align-items: center;
  gap: 0.7rem;
}
.eyebrow::before {
  content: '';
  width: 28px;
  height: 1px;
  background: var(--gold-deep);
}
.eyebrow.center  { justify-content: center; }
.eyebrow.on-dark { color: var(--gold); }
.eyebrow.on-dark::before { background: var(--gold); }
.eyebrow.no-rule::before { display: none; }

/* ============================================================
   LAYOUT HELPERS
   ============================================================ */
.container        { max-width: var(--container); margin: 0 auto; padding: 0 clamp(1.25rem, 4vw, 3rem); }
.container-narrow { max-width: 880px;            margin: 0 auto; padding: 0 clamp(1.25rem, 4vw, 3rem); }

.section { padding-block: clamp(5rem, 9vw, 8rem); }

/* Reduced-motion respect — Design System §9 + cookbook Recipes 1/2 */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}