/*
Matchline — dark colour variant.

Enqueued only when MTL_THEME_VARIANT is set to 'dark' (functions.php),
loaded after style.css so these custom-property overrides win. Everything
in style.css is written against var(--mtl-*) tokens, so this file only needs
to redefine the tokens — no selector duplication required.

Scoped to #mtl-shell.mtl-variant-dark (the class functions.php/header.php
put on the theme's own wrapper div — see mtl_shell_variant_class()), not
<body>, because the theme never styles the bare body element (style.css
compatibility note) and the imported PILLAR content's own <style> block
already owns body{background/color/font} on every page.
*/

#mtl-shell.mtl-variant-dark{
  --mtl-bg:#14171a;
  --mtl-surface:#1b1f23;
  --mtl-surface-raised:#20252a;
  --mtl-ink:#eef0ee;
  --mtl-ink-muted:#a3a9ae;
  --mtl-ink-faint:#767c81;
  --mtl-border:#2c3136;
  --mtl-border-strong:#3a4046;
  --mtl-accent:#3bcdb8;
  --mtl-accent-ink:#0c1210;
  --mtl-accent-wash:#152522;
  --mtl-danger:#e07a68;
}

/* The fallback footer (#mtl-site-footer, only shown pre-import) is already
   dark-on-purpose in the light variant for contrast against the paper
   background; nudge it one notch darker still so it doesn't read as
   "lighter than the page" once the rest of the chrome goes dark. */
#mtl-shell.mtl-variant-dark #mtl-site-footer{
  background:#0d0f11;
  border-top-color:#1c2023;
}
