/* ============================================================
   TBB Pages: design tokens (CSS custom properties)
   Loaded on every front-end page (the site header and footer use
   them too). Light, warm-neutral palette; one cream/brown highlight.
   .tbb-dark redefines the colour tokens for dark surfaces (carousel cards).
   ============================================================ */

:root {
  /* ── Colour (light) ─────────────────────────────────────── */
  --tbb-bg:          #ffffff;
  --tbb-fg:          #0a0a0a;
  --tbb-muted:       #404040;
  --tbb-subtle:      #737373;
  --tbb-border:      #e5e5e5;
  --tbb-hl:          #854d0e;               /* highlight phrase */
  --tbb-edge:        rgb(120 53 15 / .15);  /* card hairline */
  --tbb-edge-hover:  rgb(120 53 15 / .3);
  --tbb-fill:        rgb(255 255 255 / .7); /* card fill */
  --tbb-brand:       oklch(66.6% .179 58.318); /* link hover only */
  --tbb-solid-bg:    #171717;
  --tbb-solid-fg:    #ffffff;
  --tbb-solid-hover: #2a2a2a;
  --tbb-ghost-hover: #f5f5f5;
  --tbb-primary:     #262626;               /* button on cards */
  --tbb-primary-fg:  #fafafa;
  --tbb-viewall-bg:  rgb(212 212 216 / .4);
  --tbb-viewall-fg:  #52525b;
  --tbb-tag:         #e5e7eb;
  --tbb-ico-bg:      rgb(255 255 255 / .8);
  --tbb-badge-bg:    #fafafa;
  --tbb-badge-fg:    #262626;
  --tbb-ok:          #16a34a;               /* text and thin lines only */
  --tbb-danger:      #dc2626;
  --tbb-radius:      10px;

  /* SVG art */
  --s-fg:          #171717;
  --s-muted:       #8a8a8a;
  --s-line:        rgb(120 53 15 / .16);
  --s-line-strong: rgb(120 53 15 / .3);
  --s-hl:          #854d0e;
  --s-hl-soft:     rgb(133 77 14 / .1);
  --s-card:        rgb(255 255 255 / .6);
  --s-panel:       #ffffff;
  --s-ok:          #16a34a;
  --s-on-ok:       #ffffff;

  /* ── Typography ─────────────────────────────────────────── */
  --tbb-font:          'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --tbb-font-display:  'Montserrat', 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  --tbb-font-mono:     'Geist Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ── Motion / layout ────────────────────────────────────── */
  --tbb-ease:   cubic-bezier(.16, 1, .3, 1);
  --tbb-wrap:   1280px;
  --tbb-header-h: 72px;
}

/* ── Dark surface: same tokens, near-black values ─────────── */
.tbb-dark {
  --tbb-bg:          #0a0a0a;
  --tbb-fg:          #fafafa;
  --tbb-muted:       #a3a3a3;
  --tbb-subtle:      #8a8a8a;
  --tbb-border:      rgb(255 255 255 / .1);
  --tbb-hl:          #ffedd5;
  --tbb-edge:        rgb(255 247 237 / .15);
  --tbb-edge-hover:  rgb(255 247 237 / .3);
  --tbb-fill:        rgb(0 0 0 / .1);
  --tbb-brand:       oklch(75% .183 55.934);
  --tbb-primary:     #e5e5e5;
  --tbb-primary-fg:  #262626;
  --tbb-tag:         #404040;
  --tbb-ico-bg:      rgb(255 255 255 / .04);
  color-scheme: dark;
}