/*
 * eventblu marketing site — design tokens
 * Single source of truth for brand colors, typography and a few shared
 * structural constants. Page-specific CSS (resources/views/marketing/*)
 * already references these custom properties throughout, so changing a
 * value here recolors/retypes the whole site without touching markup.
 *
 * Not wired to any Admin/CMS control yet — this file is what a future
 * "site theme" settings screen would generate/override.
 */
:root {
  /* Brand colors */
  --ink: #121C35;
  --ink-rgb: 18, 28, 53;
  --navy: var(--ink);
  --navy-deep: var(--ink);
  --slate: #56698C;
  --orange: #E8734A;
  --orange-tint: #FCE7DE;
  --orange-deep: #C0502A;
  --orange-text: #B4491F;
  --green: #5A7A5E;
  --line: #E4DFD2;
  --line-dark: #E6E2D8;
  --paper: #F4F3EF;
  --cream: #FBFAF7;
  --accent-blue: #3B82F6;

  /* Typography */
  --font-body: 'Poppins', sans-serif;
  --font-display: 'Manrope', sans-serif;
  --font-size-base: 17px;
  --line-height-base: 1.6;

  /* Layout */
  --container-width: 1160px;
  --container-padding: 40px;
  --header-height: 76px;

  /* Borders / radius */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 100px;
}