/* MarComTech Week Dallas — design tokens.
   Layout lives in styles.css. This file is brand only, so it can be
   lifted into the prospectus, schedule pages, and Year 2 unchanged. */

:root {
  /* Palette */
  --color-ink: #14110F;
  --color-ink-deep: #0C0A09;
  --color-orange: #B4531F;
  --color-orange-hover: #8F3F14;
  --color-tan: #C89A62;
  --color-tan-light: #E0B583;
  --color-paper: #FAF8F5;
  --color-body: #4A4744;
  /* Fine print. Two variants because one grey cannot clear 4.5:1 on both
     paper and ink. --color-muted is for light backgrounds (4.89:1 on paper,
     5.18:1 on white); --color-muted-dark is for dark ones (4.88:1 on ink,
     5.13:1 on ink-deep). Do not swap them. */
  --color-muted: #726C66;
  --color-muted-dark: #8A807A;
  /* Dark surfaces, sampled from the hero photograph's sky (#293148) and
     darkened so white text and the white form card hold their contrast.
     Ink stays the text colour; these are the section backgrounds. */
  --color-sky: #1B2438;
  --color-sky-deep: #121A2B;
  --color-muted-sky: #9AA3B5;
  --color-rule: #EBE5DD;
  --color-white: #FFFFFF;

  /* Type */
  --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --text-hero: clamp(2.5rem, 7vw, 4.5rem);
  --text-section: clamp(1.75rem, 4vw, 2.5rem);
  --text-stat: clamp(1.35rem, 3vw, 2rem);
  --text-lede: 1.0625rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-fine: 0.75rem;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.75rem;
  --space-lg: 3rem;
  --space-xl: 5rem;

  /* Other */
  --radius: 3px;
  --measure: 62ch;
  --nav-height: 4.5rem;
}