/* Greenkub base — element defaults so a bare page already reads as the brand. */
body {
  margin: 0;
  font-family: var(--gk-font-body);
  font-size: var(--gk-body-md);
  line-height: var(--gk-lh-tight);
  color: var(--gk-text-primary);
  background: var(--gk-surface-page);
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}
h1, h2, h3, h4, h5, h6 { font-family: var(--gk-font-title); font-weight: 800; line-height: var(--gk-lh-solid); margin: 0; color: var(--gk-text-primary) }
h1 { font-size: var(--gk-title-lg-desktop) }
h2 { font-size: var(--gk-title-md-desktop) }
h3 { font-size: var(--gk-card-md-desktop) }
h4 { font-size: var(--gk-card-md-mobile) }
p { margin: 0 0 var(--gk-space-md) }
a { color: var(--gk-green); text-decoration: none; transition: color 160ms ease }
a:hover { color: var(--gk-black); text-decoration: underline }
a:active { color: var(--gk-green); opacity: .8 }
strong { font-weight: var(--gk-w-avenir-heavy) }
* { box-sizing: border-box }