/* ============================================================
   Tarnbeck brand tokens — v1.2 (2026-09; section rhythm token added; v1.1 lifted the dark ramp)
   Source of truth: tarnbeck-brand repo. Vendored into each site.
   Do not edit vendored copies; change the source and re-copy.
   Palette direction: Pantone-modern — warm off-white ground in the
   Cloud Dancer direction (Pantone COTY 2026), deep tarn teal as the
   Tarnbeck signature, per-product accents from the same register
   (Coffeeciento: Mocha Mousse direction, Pantone COTY 2025).
   Values are sRGB approximations; no Pantone trademark claims.
   ============================================================ */
:root {
  /* ground */
  --tb-paper:        #F2F0EB;  /* warm off-white, Cloud Dancer direction */
  --tb-paper-raised: #FBFAF7;
  --tb-ink:          #1D1F22;
  --tb-ink-soft:     #585E66;
  --tb-line:         #DCD8CF;

  /* Tarnbeck signature */
  --tb-accent:       #1F5F6B;  /* deep tarn teal */
  --tb-accent-soft:  #E3ECEA;
  --tb-on-accent:    #FFFFFF;

  /* per-product accent — each product site overrides this ONE variable */
  --tb-product:      var(--tb-accent);
  --tb-product-soft: var(--tb-accent-soft);

  /* type & rhythm */
  --tb-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --tb-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;
  --tb-size-0: 0.875rem;
  --tb-size-1: 1rem;
  --tb-size-2: 1.25rem;
  --tb-size-3: 1.6rem;
  --tb-size-4: 2.2rem;
  --tb-leading: 1.65;
  --tb-measure: 70ch;
  --tb-radius: 8px;
  --tb-space: 8px; /* base unit; use multiples */
  --tb-section-gap: 28px; /* vertical padding of every page section; two sections sit 2x apart */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --tb-paper:        #212429;
    --tb-paper-raised: #2A2D33;
    --tb-ink:          #E9E7E2;
    --tb-ink-soft:     #A3A9B2;
    --tb-line:         #3B3F47;
    --tb-accent:       #5FA3AF;
    --tb-accent-soft:  #2A4048;
    --tb-on-accent:    #10181A;
  }
}
:root[data-theme='dark'] {
  --tb-paper:        #212429;
  --tb-paper-raised: #2A2D33;
  --tb-ink:          #E9E7E2;
  --tb-ink-soft:     #A3A9B2;
  --tb-line:         #3B3F47;
  --tb-accent:       #5FA3AF;
  --tb-accent-soft:  #2A4048;
  --tb-on-accent:    #10181A;
}