:root {
  /* Color — pulled from the DM Remodeling logo */
  --bg: #F1ECE0;                        /* cream / parchment (logo background) */
  --bg-muted: rgba(241, 236, 224, 0.7);
  --ink: #1C1B18;                       /* warm near-black (badge ring, "DM") */
  --ink-soft: #59544B;
  --brass: #C89A50;                     /* gold (mountain peaks) */
  --brass-deep: #A66E29;                /* amber (mountain base, diamonds) */
  --line: #E4DCCB;                      /* hairline */
  --surface: #FFFFFF;

  /* Type scale (px) */
  --fs-14: 0.875rem;
  --fs-16: 1rem;
  --fs-18: 1.125rem;
  --fs-22: 1.375rem;
  --fs-28: 1.75rem;
  --fs-40: 2.5rem;
  --fs-56: 3.5rem;

  /* Fonts */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Inter', -apple-system, system-ui, sans-serif;

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 2rem;
  --space-lg: 4rem;
  --space-xl: 7.5rem; /* 120px */

  /* Layout */
  --container: 1200px;
  --radius: 8px;
  --radius-pill: 999px;
  --shadow-lift: 0 1px 2px rgba(26,26,26,0.04), 0 8px 24px rgba(26,26,26,0.06);
}