/* Share-page theme base; accent green aligned with the main site navigation. */
    :root {
      --green: #2D6A4F;
      --green-dim: rgba(45,106,79,0.16);

      --green-solid: #2E7355;
      --coral: #C98585;
      --bg: #131210;
      --surface: #1b1917;
      --border: rgba(255,255,255,0.07);
      --border-med: rgba(255,255,255,0.13);
      --text: #f4f1ec;
      --text-2: #d3cec5;
      --text-3: #948d83;

      --wave-idle: rgba(255,255,255,0.19);
      --font-body: 'DM Sans', sans-serif;
      --font-mono: 'JetBrains Mono', monospace;

      color-scheme: dark;
    }


    :root[data-theme="light"] {
      color-scheme: light;
      --green: #2D6A4F;
      --green-dim: rgba(45,106,79,0.08);
      --green-solid: #2D6A4F;
      --coral: #9B4444;
      --bg: #f9f7f4;
      --surface: #fefcf9;
      --border: rgba(0,0,0,0.08);
      --border-med: rgba(0,0,0,0.12);
      --text: #1a1814;
      --text-2: #3a3630;
      --text-3: #6a6560;
      --wave-idle: rgba(0,0,0,0.15);
    }


    .share-theme-toggle {
      width: 30px; height: 30px; border-radius: 50%;
      display: inline-flex; align-items: center; justify-content: center;
      vertical-align: middle; flex-shrink: 0;
      background: var(--surface); border: 1px solid var(--border-med);
      color: var(--text-3); cursor: pointer;
      transition: color 150ms ease, border-color 150ms ease, background 150ms ease;
    }
    .share-theme-toggle:hover { color: var(--green); border-color: var(--green); }
    .share-theme-toggle svg { width: 15px; height: 15px; }
    /* Dark shows the sun (tap for light); light shows the moon */
    .share-theme-toggle .icon-moon { display: none; }
    :root[data-theme="light"] .share-theme-toggle .icon-moon { display: block; }
    :root[data-theme="light"] .share-theme-toggle .icon-sun { display: none; }