/* ============================================================
   DEVILS OF DIRT HAWKING — TYPOGRAPHY
   ============================================================ */

:root {
  /* --- Font stacks ---------------------------------------- */
  --font-display: 'Anton', 'Arial Narrow', sans-serif;       /* huge impact */
  --font-condensed: 'Oswald', 'Arial Narrow', sans-serif;     /* subheads/nav */
  --font-body: 'Barlow', 'Helvetica Neue', Arial, sans-serif; /* body */
  --font-mono: 'Space Mono', 'Courier New', monospace;        /* labels/meta */

  /* --- Weights -------------------------------------------- */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */

  /* --- Type scale (fluid-ish, fixed px for predictability) -
     Display is built for SHOUTING — posters, hero, sold-out
     stamps. Body stays tight and industrial. ---------------- */
  --text-display-xl: 96px;  /* hero poster */
  --text-display-lg: 68px;
  --text-display-md: 48px;
  --text-display-sm: 36px;

  --text-title-lg: 30px;   /* section titles (Oswald) */
  --text-title-md: 24px;
  --text-title-sm: 20px;

  --text-body-lg: 18px;
  --text-body-md: 16px;   /* base */
  --text-body-sm: 14px;

  --text-label: 13px;     /* mono eyebrows / tags */
  --text-micro: 11px;     /* fine print, legal */

  /* --- Line heights --------------------------------------- */
  --leading-tight: 0.95;  /* stacked display */
  --leading-snug: 1.1;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* --- Letter spacing ------------------------------------- */
  --tracking-display: -0.01em;  /* big condensed wants slight negative */
  --tracking-normal: 0;
  --tracking-wide: 0.08em;      /* mono eyebrows */
  --tracking-wider: 0.18em;     /* ALL-CAPS labels / stamps */
}

/* ---- Optional helper classes (consumers may use the tokens
   directly instead). Display & labels default to UPPERCASE —
   the brand shouts in caps. ----------------------------------- */
.dodh-display {
  font-family: var(--font-display);
  font-weight: 400;
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-display);
  text-transform: uppercase;
}
.dodh-title {
  font-family: var(--font-condensed);
  font-weight: var(--fw-600, 600);
  font-weight: 600;
  line-height: var(--leading-snug);
  text-transform: uppercase;
}
.dodh-body {
  font-family: var(--font-body);
  font-weight: var(--fw-regular);
  line-height: var(--leading-relaxed);
}
.dodh-label {
  font-family: var(--font-mono);
  font-weight: 700;
  font-size: var(--text-label);
  letter-spacing: var(--tracking-wider);
  text-transform: uppercase;
}