/*
// © Copyright 1990-2026 Toptronic® Ltd, all rights reserved; no part of
// this document may be reproduced, modified or stored in a retrieval
// system, or transmitted in any form or by any means, electronic,
// mechanical, photocopying, recording or otherwise, without the prior
// written permission of Toptronic Limited.
// For copyright inquiries: jacques@toptronic.com
 */
/*
 * PLWS :: Plazdiez Website — "GO BOKKIES" palette layer (session 0108)
 * Project: Paul Lambourn Web Site (PLWS) — www.plazdiez.co.za
 * Generated/Updated on: 2026-09-18T07:46:04+10:00
 * Audience: Jacques (hardware/C background), Ryan (14), Ava (9),
 *           students, and the Master's-level reader who wants the why.
 *
 * THIS FILE IS GENERATED — do not hand-edit it. Change the colour map
 * docs/_0108/PLWS_Theme_Map_0108.json and re-run:
 *     python tools/PLWS_gen_theme_palette_0108.py
 *
 * WHAT IT IS: the Springbok (green + gold) version of every colour the
 * classic sheets declare. Each rule below is a copy of a real rule from
 * css/styles_001.css … styles_013.css, carrying ONLY its colour
 * declarations, under the prefix html[data-theme="bokkies"]. With no
 * data-theme attribute, or with data-theme="classic", not one of these
 * lines applies and the site is exactly the site Jacques approved.
 *
 * -- Ava: this is the green-and-gold tracing paper. Take the paper off
 *    and the old picture is still there, untouched.
 * -- Jacques: same comparator idea as css/styles_010.css — one selector,
 *    one switch, no !important and no source-order gamble.
 *
 * PART 2 of 2 of the layer.
 */

/* ===== from css/styles_011.css ===== */
html[data-theme="bokkies"] { --gl-ink-soft: #1e3a2e; --gl-pill-bg: #eef2ee; --gl-tint-hover: rgba(242,169,0,0.10); --gl-tint-mark: rgba(242,169,0,0.30); --gl-tint-flash: rgba(242,169,0,0.25); }
html[data-theme="bokkies"] .gl-bar { background: #ffffff; }
html[data-theme="bokkies"] .gl-search { border-color: rgba(14,42,31,0.03); }
html[data-theme="bokkies"] .gl-search:focus, html[data-theme="bokkies"] .gl-search:focus-visible { box-shadow: 0 0 0 5px rgba(242,169,0,0); }
html[data-theme="bokkies"] .gl-chip { background: #ffffff; border-color: rgba(14,42,31,0.03); }
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      html[data-theme="bokkies"] .gl-table { background: #ffffff; }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      html[data-theme="bokkies"] .gl-table tbody tr:nth-child(even) { background: rgba(14,42,31,0.03); }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      html[data-theme="bokkies"] .gl-cat-pill { border: 1px solid rgba(14,42,31,0.03); }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        html[data-theme="bokkies"] .gl-talks .gl-table thead th { box-shadow: inset 0 -2px 0 rgba(14,42,31,0.03); }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        html[data-theme="bokkies"] .gl-talk-asked::before { color: var(--clr-brand-deep, #7a4d00); }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        html[data-theme="bokkies"] .gl-anchor { border: 1px solid rgba(14,42,31,0.03); }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        @media (hover: none) {
          @media screen and (max-width: 820px) {
            @media print {
              html[data-theme="bokkies"] .gl-hero { border-top: 3px solid #000000; }
            }
          }
        }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        @media (hover: none) {
          @media screen and (max-width: 820px) {
            @media print {
              html[data-theme="bokkies"] .gl-hero .eyebrow, html[data-theme="bokkies"] .gl-hero .gl-hero-title, html[data-theme="bokkies"] .gl-hero .gl-hero-lead, html[data-theme="bokkies"] .gl-hero .gl-hero-note { color: #000000 !important; }
            }
          }
        }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        @media (hover: none) {
          @media screen and (max-width: 820px) {
            @media print {
              html[data-theme="bokkies"] .gl-table { border-color: #8a9a90 !important; }
            }
          }
        }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        @media (hover: none) {
          @media screen and (max-width: 820px) {
            @media print {
              html[data-theme="bokkies"] .gl-table caption { color: #000000 !important; }
            }
          }
        }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        @media (hover: none) {
          @media screen and (max-width: 820px) {
            @media print {
              html[data-theme="bokkies"] .gl-table thead th { background: #ffffff !important; color: #000000 !important; border-bottom: 1px solid #8a9a90 !important; }
            }
          }
        }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        @media (hover: none) {
          @media screen and (max-width: 820px) {
            @media print {
              html[data-theme="bokkies"] .gl-table tr, html[data-theme="bokkies"] .gl-table th, html[data-theme="bokkies"] .gl-table td { border-color: #aab8ae !important; }
            }
          }
        }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        @media (hover: none) {
          @media screen and (max-width: 820px) {
            @media print {
              html[data-theme="bokkies"] .gl-mean, html[data-theme="bokkies"] .gl-talk-demand { color: #000000 !important; }
            }
          }
        }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        @media (hover: none) {
          @media screen and (max-width: 820px) {
            @media print {
              html[data-theme="bokkies"] .gl-cat-pill { color: #000000 !important; border-color: #8a9a90 !important; }
            }
          }
        }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        @media (hover: none) {
          @media screen and (max-width: 820px) {
            @media print {
              html[data-theme="bokkies"] .gl-talk-asked::before { color: #000000 !important; }
            }
          }
        }
      }
    }
  }
}
@media screen and (min-width: 900px) {
  @supports not (gap: 1rem) {
    @media screen and (min-width: 900px) {
      @media (hover: hover) {
        @media (hover: none) {
          @media screen and (max-width: 820px) {
            @media print {
              html[data-theme="bokkies"] .gl-talks .gl-table thead th { background: #e2e8e2 !important; color: #000000 !important; }
            }
          }
        }
      }
    }
  }
}

/* ===== from css/styles_012.css ===== */
html[data-theme="bokkies"] { --gl-tint-quiet: rgba(14, 42, 31, 0.04); --gl-head-shade: rgba(14, 42, 31, 0); }
html[data-theme="bokkies"] .gl-about { background: #ffffff; }
html[data-theme="bokkies"] .gl-index-key { background: #ffffff; border: 1px solid rgba(14,42,31,0.03); }
@media (hover: hover) {
  html[data-theme="bokkies"] .gl-index-key:hover:not([disabled]) { border-color: var(--clr-brand-deep, #7a4d00); }
}
@media (hover: hover) {
  html[data-theme="bokkies"] .gl-talk-tools { background: #ffffff; }
}
@media (hover: hover) {
  @supports (animation-timeline: view()) {
    html[data-theme="bokkies"] tr[data-cat="tool"] .gl-cat-pill, html[data-theme="bokkies"] tr[data-cat="finish"] .gl-cat-pill { color: var(--clr-brand-deep, #7a4d00); border-color: rgba(122, 77, 0, 0.35); }
  }
}
@media (hover: hover) {
  @supports (animation-timeline: view()) {
    @media screen and (max-width: 820px) {
      @media print {
        html[data-theme="bokkies"] .gl-about h2, html[data-theme="bokkies"] .gl-about-text { color: #000000 !important; }
      }
    }
  }
}
@media (hover: hover) {
  @supports (animation-timeline: view()) {
    @media screen and (max-width: 820px) {
      @media print {
        html[data-theme="bokkies"] .gl-no-hits { color: #000000 !important; border-left-color: #000000; }
      }
    }
  }
}
@media (hover: hover) {
  @supports (animation-timeline: view()) {
    @media screen and (max-width: 820px) {
      @media print {
        html[data-theme="bokkies"] tr[data-cat="tool"] .gl-cat-pill, html[data-theme="bokkies"] tr[data-cat="finish"] .gl-cat-pill { color: #000000 !important; border-color: #8a9a90 !important; }
      }
    }
  }
}

/* ===== from css/styles_013.css ===== */
@media screen and (max-width: 820px) {
  @media print {
    html[data-theme="bokkies"] .gl-vs h2, html[data-theme="bokkies"] .gl-vs-intro { color: #000000 !important; }
  }
}
@media screen and (max-width: 820px) {
  @media print {
    html[data-theme="bokkies"] .gl-vs-table th[scope="row"], html[data-theme="bokkies"] .gl-vs-table td { color: #000000 !important; }
  }
}