/* Design tokens for the WISLR × WISLR partnership prospectus
   (agency template). Mirrors the williamsf1-report token system (1rem = 20px
   global scale, rem-authored sizing) with WISLR's black-and-lemon brand (sampled from wislr.com). */

:root {
  --black: #0a0a0a;
  --ink: #101010;
  /* Warm, near-white neutrals tuned to the orange palette. */
  --off-white: #faf9f7;
  --tinted: #f2f0ec;
  --mid-gray: #8f8b86;
  --soft-gray: #4d4a46;
  --rule: #e8e4df;
  /* WISLR brand orange (#F58233) with a deep rust for display headers
     and a pale tint for fills. */
  --accent: #0F4A30;
  --on-accent: #FFFFFF;
  --accent-deep: #0B3623;
  --accent-light: #E9F1EC;
  /* WISLR near-black used for display headers / dark chrome. */
  --cooler-charcoal: #1A1A1F;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
/* Global scale: 1rem = 20px (125% of the 16px default). All sizing is authored
   in rem, so this single value scales the whole design up ~25% uniformly. */
html { font-size: 125%; }

/* Clip stray horizontal overflow at the root (sticky/overflow scrollers can
   report layout width past the viewport on mobile). */
html { overflow-x: hidden; }

/* min-height (NOT height) so the body grows to full content height and sticky
   chrome stays pinned past the first screen. */
html, body { min-height: 100%; }