/* Design tokens for TT Barber Shop JB, set from the matched template's
   taxonomy.json (tmpl_bb07 - urban streetwear-adjacent barbershop, dark
   background with a single bold red accent). */

:root {
  /* anchors.palette */
  --color-bg: #202020;
  --color-surface: #2c2c2c;
  --color-ink: #ffffff;
  --color-muted: #a0a0a0;
  --color-accent: #eb1616;
  --color-accent-2: #0f0f0f;

  /* anchors.fonts - Oswald (display/headings, condensed grotesque),
     Roboto (body, neo grotesque). Loaded via Google Fonts in index.html;
     system fallbacks cover the case it fails to load. */
  --font-display: "Oswald", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Roboto", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

  /* anchors.type_scale_ratio */
  --type-scale: 1.35;
  --font-size-base: 1rem;
  --font-size-h1: calc(var(--font-size-base) * var(--type-scale) * var(--type-scale) * var(--type-scale));
  --font-size-h2: calc(var(--font-size-base) * var(--type-scale) * var(--type-scale));
  --font-size-h3: calc(var(--font-size-base) * var(--type-scale));

  /* anchors.corner_radius_px / shadow_depth / border_style */
  --radius: 0px;
  --shadow: 0 8px 24px rgba(0, 0, 0, 0.45);
  --border: 1px solid rgba(255, 255, 255, 0.08);

  /* anchors.layout_width: wide_1320 */
  --content-width: 1320px;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
}