/* newage design tokens: one place to retune colour, type, spacing and rhythm */
:root {
  /* brand
     --orange      vibrant primary for headings, labels and accents on light backgrounds
     --orange-cta  solid buttons carrying white text (4.8:1; the vibrant tone only reaches 3.1:1 behind white)
     --coral       lighter tint for accents on dark backgrounds */
  --orange: #FF5A1F;
  --orange-text: #B83607;
  --orange-cta: #CE3F0A;
  --orange-cta-hover: #B83607;
  --coral: #FF8A5C;

  --charcoal: #202020;
  --dark: #333333;
  --grey: #777777;
  --offwhite: #F7F7F7;
  --white: #FFFFFF;
  --line: #E6E2DE;

  --head: 'Oswald', 'Arial Narrow', sans-serif;
  --body: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --maxw: 1280px;
  --pad: clamp(20px, 5vw, 64px);

  /* vertical rhythm: --s-section is the top and bottom padding of every major section */
  --s-section: clamp(28px, 3vw, 44px);
  --s-tight: clamp(10px, 1.1vw, 15px);
  --s-head: clamp(18px, 2vw, 26px);

  /* gaps between sibling cards in a grid */
  --g-sm: clamp(10px, 1.1vw, 16px);
  --g-md: clamp(12px, 1.5vw, 22px);
  --g-lg: clamp(16px, 1.8vw, 26px);

  --z-header: 60;
  --z-mega: 70;
  --z-drawer: 120;
}