/* ============================================================================
   Box Kit recolor — teal/navy brand override.
   The Box Kit pages drive their entire cream/rust palette from a 15-variable
   :root token set. This file overrides those tokens with the site's teal/navy
   brand values, so the whole Box Kit recolors without touching component CSS.
   Loaded AFTER the (scoped) Box Kit component CSS so these values win.
   The Box Kit var NAMES (--paper/--ink/--accent) don't collide with the site
   theme's names (--teal/--navy), so this can safely target :root globally.
   ========================================================================== */

.bk {
  --paper: #f5f7fa;       /* cream  #f4efe6 -> site off-white            */
  --paper-deep: #e9eef4;  /* cream  #ebe4d6 -> deeper off-white          */
  --ink: #1b2a4a;         /* near-black     -> navy                      */
  --ink-soft: #2d3a52;    /*                -> softer navy               */
  --ink-mute: #6b7280;    /*                -> muted grey                */
  --rule: #d7dee8;        /* cream rule     -> light navy-tinted rule    */
  --rule-soft: #e8ecf2;   /*                -> faint rule                */
  --accent: #1a9e8f;      /* rust  #b8431e  -> teal                      */
  --accent-deep: #137d71; /* rust  #8a2f12  -> teal deep                 */
  --accent-soft: #d6f0eb; /* rust  #f0d4c5  -> teal tint                 */
  --gold: #b8860b;        /* keep an amber for warning accents           */
  --moss: #2e5266;        /* secondary slate-teal                        */
  --teal: #1b2a4a;        /* Box Kit's blue-grey -> navy                 */
  --teal-soft: #cfdce4;   /* already navy-ish -> keep                    */
  --shadow: 0 1px 0 rgba(27, 42, 74, 0.04), 0 2px 8px rgba(27, 42, 74, 0.08);
}

/* The dotted page texture is a hard-coded near-black radial-gradient on the Box
   Kit body (now scoped to .bk); recolor its dots to a faint navy. */
.bk {
  background-image: radial-gradient(
    circle at 1px 1px,
    rgba(27, 42, 74, 0.03) 1px,
    transparent 0
  );
}