/* GMX consumer brand tokens — Indigo+Honey palette
 * Sourced from the existing /daisy page CSS in WP. Matches GM consumer brand.
 * Typography per _CANON/brand/STD_typography.md (multigenerational, OFL stack).
 */

:root {
  /* Color palette — Indigo+Honey (Daisy + consumer-product side) */
  --gm-bg-cream:        #FAFAF0;   /* page background */
  --gm-bg-warm:         #F8F5EC;   /* warm sections */
  --gm-bg-tan:          #F0EEE9;   /* card / panel */
  --gm-bg-stripe:       #E8D5AD;   /* warm accent stripe */
  --gm-ink:             #1A0E05;   /* body text deep brown */
  --gm-ink-soft:        #4A4E8A;   /* secondary text indigo-tinted */
  --gm-indigo:          #2B2D5E;   /* headings + primary accent */
  --gm-gold:            #D4A84B;   /* button + interactive */
  --gm-gold-deep:       #9A7830;   /* hover + italics */

  /* Color palette — Forest+Gold (book marketing / SET1 side) */
  --gm-forest-mid:      #2C4A1E;   /* deep green hero/accent */
  --gm-forest-dark:     #0E1E08;   /* very dark green */
  --gm-gold-bright:     #C8A840;   /* brighter gold for dark-bg headlines */
  --gm-cream-warm:      #F2EDD8;   /* warm cream on dark green */
  --gm-panel-fill:      #F0EEE9;   /* light panel background */

  /* Type stack — multigenerational, OFL */
  --gm-font-serif:      "Source Serif 4", Georgia, "Times New Roman", serif;
  --gm-font-display:    "Playfair Display", Georgia, "Times New Roman", serif;

  /* Sizing */
  --gm-radius-soft:     10px;
  --gm-radius-button:   8px;
  --gm-maxw-prose:      720px;
  --gm-maxw-wide:       960px;

  /* Spacing scale */
  --gm-sp-1: 8px;
  --gm-sp-2: 16px;
  --gm-sp-3: 24px;
  --gm-sp-4: 32px;
  --gm-sp-5: 48px;
  --gm-sp-6: 64px;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--gm-font-serif);
  color: var(--gm-ink);
  background: var(--gm-bg-cream);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3 {
  font-family: var(--gm-font-display);
  color: var(--gm-indigo);
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 var(--gm-sp-2);
}

a { color: var(--gm-indigo); }
a:hover { color: var(--gm-gold-deep); }

.gm-button {
  display: inline-block;
  background: var(--gm-gold);
  color: #fff;
  font-family: var(--gm-font-display);
  font-size: 1.05rem;
  font-weight: 700;
  padding: 14px 32px;
  border-radius: var(--gm-radius-button);
  text-decoration: none;
  transition: background 0.2s ease;
  margin: 0 var(--gm-sp-1) var(--gm-sp-2);
}
.gm-button:hover { background: var(--gm-gold-deep); color: #fff; }

.gm-button-outline {
  background: #fff;
  color: var(--gm-indigo);
  border: 2px solid var(--gm-gold);
}
.gm-button-outline:hover { background: var(--gm-bg-tan); color: var(--gm-indigo); }