/* ZendWerk 2.0 reskin — overrides style.css's design tokens with the new palette/fonts.
   Linked AFTER style.css and tailwind.css on the 17 pages that opted into the redesign.
   Does not touch style.css itself, so the other ~81 pages are unaffected. */

:root,
:root[data-theme="dark"] {
  --bg:       #eef0eb;
  --bg2:      #f5f6f2;
  --bg3:      #dde1d8;
  --border:   #d8dcd2;
  --accent:   #d15607;
  --accent2:  #b84b08;
  --accent-text: #d15607;
  --blue:     #2c5872;
  --green:    #3f7d4f;
  --text:     #171a16;
  --muted:    #454b43;
  --muted2:   #7c8279;
  --nav-bg:   rgba(238, 240, 235, 0.88);
  --nav-shadow: 0 4px 20px rgba(23, 26, 22, 0.06);
  --noise-op: 0;
  --shadow-hover: 0 16px 34px rgba(23, 26, 22, 0.10);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:       #eef0eb;
    --bg2:      #f5f6f2;
    --bg3:      #dde1d8;
    --border:   #d8dcd2;
    --accent:   #d15607;
    --accent2:  #b84b08;
    --accent-text: #d15607;
    --blue:     #2c5872;
    --green:    #3f7d4f;
    --text:     #171a16;
    --muted:    #454b43;
    --muted2:   #7c8279;
    --nav-bg:   rgba(238, 240, 235, 0.88);
    --nav-shadow: 0 4px 20px rgba(23, 26, 22, 0.06);
    --noise-op: 0;
    --shadow-hover: 0 16px 34px rgba(23, 26, 22, 0.10);
  }
}

/* Dark-mode toggle removed as part of the 2.0 redesign — hide the (now inert) controls. */
.theme-toggle-btn { display: none !important; }

body { font-family: 'IBM Plex Sans', -apple-system, 'Segoe UI', sans-serif; }
.display, h1, h2, h3, .zw-wordmark { font-family: 'Big Shoulders Display', 'Arial Narrow', sans-serif; }

/* style-2.0.css's .tag is a floating hero label (position:absolute, paired with
   .tag-1/.tag-2). The older article-body pages use bare .tag as a static inline
   badge above headings — without this, it inherits position:absolute and
   overlaps the H1 below it. */
.tag:not(.tag-1):not(.tag-2) {
  position: static;
  display: inline-flex;
  box-shadow: none;
}

/* style.css's .text-gradient fades into a hardcoded pink (#f43f5e) tuned for
   the old red/orange accent — clashes with the 2.0 all-orange brand palette. */
.text-gradient {
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  -webkit-background-clip: text;
  background-clip: text;
}