/* The Workshop - shared brand tokens.
 *
 * Extracted 13 Aug 2026. Every v2 page carried its own :root block: nine
 * different subsets of the same 46 tokens, which is how a brand quietly drifts.
 * They agreed on every value except --surface (#fff vs #ffffff), so pulling
 * them into one file changes nothing on screen and gives one place to change
 * the palette.
 *
 * Load this BEFORE a page's own <style>, so page rules still win.
 */
:root {
  /* surfaces and ink */
  --paper: #FBF7F0;
  --surface: #fff;
  --ink: #211a14;
  --muted: #786a5c;
  --dim: #9c8f7f;
  --line: #ece2d4;
  /* brand */
  --yellow: #FED620;
  --orange: #EA5F25;
  --orange-d: #B64A1D;
  --pink: #FF0064;
  --blue: #477EC0;
  --teal: #3D8174;
  --coral: #F5A891;
  --coral-soft: #FBDDD1;
  --block: #9F4119;
  /* block shadows */
  --blk1: 1px 1px 0 var(--block);
  --blk2: var(--blk1),2px 2px 0 var(--block);
  --blk3: var(--blk2),3px 3px 0 var(--block);
  --blk4: var(--blk3),4px 4px 0 var(--block);
  --blk5: var(--blk4),5px 5px 0 var(--block);
  --ink1: 1px 1px 0 var(--ink);
  --ink2: var(--ink1),2px 2px 0 var(--ink);
  --ink3: var(--ink2),3px 3px 0 var(--ink);
  --ink4: var(--ink3),4px 4px 0 var(--ink);
  --ink5: var(--ink4),5px 5px 0 var(--ink);
  --wht1: 1px 1px 0 #fff;
  --wht2: var(--wht1),2px 2px 0 #fff;
  --wht3: var(--wht2),3px 3px 0 #fff;
  --wht4: var(--wht3),4px 4px 0 #fff;
  --wht5: var(--wht4),5px 5px 0 #fff;
  --drk1: 1px 1px 0 rgba(0,0,0,.28);
  --drk2: var(--drk1),2px 2px 0 rgba(0,0,0,.28);
  --drk3: var(--drk2),3px 3px 0 rgba(0,0,0,.28);
  --drk4: var(--drk3),4px 4px 0 rgba(0,0,0,.28);
  --drk5: var(--drk4),5px 5px 0 rgba(0,0,0,.28);
  /* everything else */
  --paper-alt: #F6EEE0;
  --org1: 1px 1px 0 var(--orange);
  --org2: var(--org1),2px 2px 0 var(--orange);
  --org3: var(--org2),3px 3px 0 var(--orange);
  --org4: var(--org3),4px 4px 0 var(--orange);
  --org5: var(--org4),5px 5px 0 var(--orange);
  --org6: var(--org5),6px 6px 0 var(--orange);
  --org7: var(--org6),7px 7px 0 var(--orange);
  --org8: var(--org7),8px 8px 0 var(--orange);
  --org9: var(--org8),9px 9px 0 var(--orange);
  --org10: var(--org9),10px 10px 0 var(--orange);
  --orange-dark: #c4451a;
  --orange-soft: #fdeee7;
  --card: #fff;
}

/* The reset every v2 page repeats verbatim. */
*, *::before, *::after { box-sizing: border-box; }
* { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; }
a { color: inherit; }
img { max-width: 100%; display: block; }