/*
 * SJ Stickys design tokens — spec §4.2.
 * Teal owns presence (eyebrows, accent words, hover borders). Never a button.
 * Orange owns action (buttons, header pill, CTA band). Never a section bg.
 * Buttons with white text MUST use --brand-accent-btn.
 */
:root {
  --brand-primary:    #1F3A5F;
  --brand-secondary:  #2A8087;
  --brand-accent:     #F58220;
  --brand-accent-btn: #C46300;
  --ink-strong:       #0F2440;
  --ink-body:         #2C3E50;
  --surface-grey:     #F5F6F8;
  --surface-dark:     #0D1B2A;

  --wp--style--global--content-size: 1140px;
  --wp--style--global--wide-size:    1400px;
}

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 400;
  color: var(--ink-body);
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Manrope', system-ui, -apple-system, sans-serif;
  font-weight: 800;
  color: var(--ink-strong);
  line-height: 1.15;
}

:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid var(--brand-accent);
  outline-offset: 2px;
  border-radius: 2px;
}