/* Krow shared chrome skin — YouMatter cream + forest green, light and dark.
   For token-driven pages that use style.css and the shared header/footer. Load
   LAST (after style.css and public.css) so the :root override wins. Pages with
   their own hardcoded inline colours are converted directly instead.
   NOTE: never put a slash-star wildcard in a CSS comment here. */

:root{
  --bg-primary:#f3eadc;--bg-secondary:#efe4d2;--bg-card:#faf8f2;--bg-card-hover:#eef4e3;
  --glass-bg:#faf8f2;--glass-border:#ddd9c6;--glass-shadow:0 18px 40px rgba(46,67,51,.1);
  --border-subtle:#ddd9c6;--border-hover:#315d47;--border-color:#ddd9c6;
  --text-primary:#203e35;--text-secondary:#4f675c;--text-muted:#6b8073;--text-heading:#203e35;
  --accent-purple:#315d47;--accent-violet:#315d47;--accent-indigo:#2e795a;--accent-pink:#395f4e;
  --accent-blue:#326b7d;--accent-green:#2e795a;--accent-red:#b4493e;--accent-orange:#b6762b;
  --blurple:#315d47;--blurple-hi:#244b38;--cyan:#2e795a;
  --gradient-primary:linear-gradient(135deg,#2d624c,#244536);
  --gradient-accent:linear-gradient(135deg,#39694d,#244b3a);
  --gradient-glow:linear-gradient(135deg,#39694d,#2d624c);
  --gradient-subtle:linear-gradient(135deg,rgba(130,164,112,.16),rgba(49,93,71,.08));
  --shadow-sm:0 2px 10px rgba(46,67,51,.06);--shadow-md:0 12px 32px rgba(46,67,51,.1);
  --shadow-lg:0 24px 55px rgba(46,67,51,.14);--shadow-glow:0 14px 34px rgba(46,67,51,.12);
  color-scheme:light;
}
:root[data-theme=dark]{
  --bg-primary:#17241d;--bg-secondary:#142019;--bg-card:#223329;--bg-card-hover:#2c4032;
  --glass-bg:#223329;--glass-border:#3a4a3f;--glass-shadow:0 18px 40px rgba(0,0,0,.4);
  --border-subtle:#3a4a3f;--border-hover:#8fc7a6;--border-color:#3a4a3f;
  --text-primary:#f1f0e5;--text-secondary:#c1cebd;--text-muted:#9fb0a2;--text-heading:#f1f0e5;
  --accent-purple:#b8d0a8;--accent-violet:#b8d0a8;--accent-indigo:#c0d7ae;--accent-pink:#d8dcad;
  --accent-blue:#a6ccd5;--accent-green:#87c3a0;--accent-red:#e39a90;--accent-orange:#e0b070;
  --blurple:#8fc7a6;--blurple-hi:#b8d0a8;--cyan:#87c3a0;
  --gradient-primary:linear-gradient(135deg,#c7e0b5,#d2e9bc);
  --gradient-accent:linear-gradient(135deg,#a8ceab,#d2e9bc);
  --gradient-glow:linear-gradient(135deg,#a8ceab,#c7e0b5);
  --gradient-subtle:linear-gradient(135deg,rgba(130,164,112,.2),rgba(172,190,142,.1));
  --shadow-sm:0 2px 10px rgba(0,0,0,.22);--shadow-md:0 12px 32px rgba(0,0,0,.3);
  --shadow-lg:0 24px 55px rgba(0,0,0,.4);--shadow-glow:0 14px 34px rgba(0,0,0,.3);
  color-scheme:dark;
}
html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}
body,body.dark-theme{background:var(--bg-primary);color:var(--text-primary)}

/* Animated glow orbs removed per founder feedback. */
#krow-bg,.glow-1,.glow-2,.glow-3{display:none!important}

/* Shared header/footer hardcode a near-black background in style.css. */
.main-header{background:color-mix(in srgb,var(--bg-primary) 90%,transparent)!important;
  border-bottom:1px solid var(--border-subtle)!important}
.main-footer{background:var(--bg-secondary)!important;border-top:1px solid var(--border-subtle)!important}
.nav-menu a::after{background:var(--accent-violet)}
.btn-outline{color:var(--text-primary)}
.btn-discord-nav{color:#fff!important}
::selection{background:rgba(49,93,71,.2);color:var(--text-primary)}
a{color:var(--accent-violet)}

/* Appearance toggle */
.ymk-fab{position:fixed;right:16px;bottom:16px;z-index:9999;display:inline-flex;align-items:center;gap:8px;
  border:1px solid var(--border-subtle);border-radius:999px;padding:10px 14px;background:var(--bg-card);
  color:var(--text-primary);font:650 13px/1 Inter,system-ui,sans-serif;box-shadow:var(--shadow-md);cursor:pointer}
.ymk-fab:hover{border-color:var(--accent-violet);background:var(--bg-card-hover)}
.ymk-fab:focus-visible{outline:2.5px solid var(--accent-violet);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.ymk-fab{transition:none}}

code{color:var(--accent-violet)}

/* Neutralise a few common hardcoded blurple/purple tints on cream. */
.prefill-banner{background:rgba(49,93,71,.1)!important;border-color:rgba(49,93,71,.3)!important}
.mod-chip.picked{background:rgba(49,93,71,.12)!important;border-color:var(--accent-violet)!important}