/* ==========================================================================
   TDSH Giallo 1.1.0 (Phase 1): design tokens. Enqueued FIRST among the theme
   stylesheets (inc/setup.php). Custom properties only: this file paints nothing.

   Declared on :root (not body) so the :root-level --dsh-* tokens in
   kept-customizer.css and the --tg-* aliases on body.tdsh-giallo in giallo.css
   can both resolve them. Every name is prefixed --tdsh-*, so nothing collides
   with Fox, WordPress or plugins.

   System:  Black + Cream = foundation. Red = crime / primary emphasis.
            Yellow = evidence / warning / indexing / focus.
            Pink = editorial annotation only (about 3-5% of the system).
   ========================================================================== */
:root{
  /* palette (brief) */
  --tdsh-black:#050505;
  --tdsh-red:#b70016;        /* deep red: headings, rules, labels */
  --tdsh-red-dark:#72000d;
  --tdsh-red-hot:#e41818;    /* bright red: stamps, red bands, torn-paper rips (matches tear-red-*.webp / tex-red.webp) */
  --tdsh-yellow:#f5d000;
  --tdsh-cream:#f3ead7;
  --tdsh-paper:#fff8e8;
  --tdsh-white:#ffffff;      /* only on dark surfaces */
  --tdsh-pink:#ff2e93;       /* annotation accent: tiny uses only */

  /* print stock kept from 1.0.x (textured blacks and bone) */
  --tdsh-black-2:#13120f;
  --tdsh-black-3:#1c1a16;
  --tdsh-card:#171512;
  --tdsh-bone:#e4d8c0;

  /* three voices */
  --tdsh-display:Impact,"TG Anton","Arial Black",sans-serif;
  --tdsh-editorial:"Helvetica Neue",Helvetica,Arial,sans-serif;
  --tdsh-meta:"Courier New",Courier,monospace;

  /* reading */
  --tdsh-body-size:clamp(18px,1.2vw,20px);
  --tdsh-body-lh:1.55;
  --tdsh-measure:68ch;

  /* spacing scale (4px base) */
  --tdsh-space-1:4px;
  --tdsh-space-2:8px;
  --tdsh-space-3:12px;
  --tdsh-space-4:16px;
  --tdsh-space-5:24px;
  --tdsh-space-6:32px;
  --tdsh-space-7:48px;
  --tdsh-space-8:72px;
  --tdsh-space-9:96px;

  /* rules */
  --tdsh-rule-hair:1px;
  --tdsh-rule:2px;
  --tdsh-rule-heavy:4px;

  /* focus: yellow on dark surfaces, black on yellow / cream / paper */
  --tdsh-focus-w:3px;
  --tdsh-focus-offset:3px;
  --tdsh-focus:var(--tdsh-focus-w) solid var(--tdsh-yellow);
  --tdsh-focus-light:var(--tdsh-focus-w) solid var(--tdsh-black);

  /* tap targets */
  --tdsh-tap:44px;
}