/* Storeybrook — generated by site/build.py from components/bundle.css.
   The bundle declares its per-look hook defaults on :root only; repeating them on every
   [data-theme] lets a look nested inside another (the site's style cards) start from the
   defaults. Loaded before bundle.css, whose [data-theme="…"] rules then override. */
[data-theme] {
  --sb-display: var(--font-display);
  --sb-story: var(--font-story);
  --sb-ui: var(--font-ui);
  --sb-hand: var(--font-hand);
  --sb-display-wdth: 92;
  --sb-display-weight: 600;
  --sb-grain-blend: multiply;
  --sb-grain-op: var(--op-grain);
  --sb-wash-blend: multiply;
  --sb-target: var(--size-target);
  --sb-focus-w: var(--border-focus);
  --sb-focus-off: var(--border-focus-offset);
  --sb-sheet-filter: url(#sb-deckle);
  --sb-wash-filter: url(#sb-bleed);
  --sb-shadow-c: rgba(38, 50, 63, 0.16);
  --sb-grain-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n' x='0' y='0'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .2 0 0 0 0 .22 0 0 0 0 .25 0 0 0 -1.4 1.1'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");
  --sb-fibre-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .07' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .32 0 0 0 0 .35 0 0 0 -2.6 1.05'/%3E%3C/filter%3E%3Crect width='420' height='420' filter='url(%23f)'/%3E%3C/svg%3E");
}