/* skin: seventies
   image brief
     mood        1970s field-guide and public-broadcast graphics: warm, flat, optimistic
     palette     paper #f3e4bf · ink #3a2416 · rust #b4441e · avocado #5b7a2e · mustard #c47d12 · denim #3f6d8e
     series      #d97a2b · #6c8a3c · #b04a2e · #3f6d8e
     materials   screen-printed flat color, slight misregistration, paper grain, rounded shapes, thick outlines
     composition centered, symmetrical, bold silhouettes, sun and stripe motifs, 3 to 4 colors only
     type feel   fat grotesk display, typewriter labels in caps
     avoid       gradients, photoreal render, chrome, neon, glass, thin lines, pastels
*/
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@800&family=Karla:wght@400;500;700&family=Courier+Prime:wght@400;700&display=swap');
[data-skin="seventies"] {
  --paper: #f3e4bf; --paper-2: #ecd9ab; --paper-3: #e3cb95;
  --ink: #3a2416; --ink-2: #5a3c28; --muted: #7d5a3f; --faint: #9a7650;
  --rule: #d4cec3; --rule-2: #aea89c;
  --deep: #3a2416; --deep-ink: #f3e4bf; --deep-ink-2: #e8d3a3; --deep-muted: #c9a978; --deep-faint: #a48a5c;
  --deep-accent: #f2a65a; --deep-ok: #b7d38a; --deep-open: #f2c85a; --deep-stop: #f08a6a;
  --deep-s1: #f2a65a; --deep-s2: #b7d38a; --deep-s3: #f0d07a; --deep-s4: #8fc4e6;
  --accent: #b4441e; --accent-wash: #f3c9a8;
  --ok: #5b7a2e; --ok-wash: #dfe6b5; --open: #c47d12; --open-wash: #f3d99a; --stop: #9a2f1f; --stop-wash: #efc2b0;
  --s1: #d97a2b; --s2: #6c8a3c; --s3: #b04a2e; --s4: #3f6d8e;
  --s1-deep: #9c4f12; --s2-deep: #46601f; --s3-deep: #7e2f1a; --s4-deep: #2a4d66;
  --s1-wash: #f4d2ae; --s2-wash: #dfe2b8; --s3-wash: #efc5b0; --s4-wash: #cfdde8;
  --on-series: #fff8e8; --selection: #f2c85a;
  --sans: "Karla", ui-sans-serif, system-ui, sans-serif;
  --mono: "Courier Prime", "Courier New", monospace;
  --display: "Bricolage Grotesque", "Karla", sans-serif; --display-weight: 800; --display-tracking: -.02em; --display-leading: 1.0;
  --label: "Courier Prime", monospace; --label-case: uppercase; --label-tracking: .06em;
  --radius: 10px; --line: 2px; --line-2: 3px; --line-3: 4px; --shadow: 3px 3px 0 var(--ink);
  --space: 1.1; --motion: 1;
}