/* ============================================================
   Korvia256 — brand theme (dark)
   Used ONLY by the main pages: index.html, legal/privacy.html,
   legal/terms.html. Individual tool pages do NOT include this —
   each tool keeps its own independent visual identity, built on
   top of the neutral utility classes in site.css.

   How it works: this file overrides the same CSS variables
   site.css already uses for the shared footer/cookie banner/
   buttons, so those components re-skin automatically for dark
   pages with zero duplicated markup or logic.
   ============================================================ */

:root {
  --paper: #0A0C10;
  --paper-dim: #12151D;
  --ink: #EDEFF3;
  --ink-soft: #8B93A7;
  --grid-line: #232838;
  --blue: #2DD4F5;       /* now doubles as the bright end of the brand gradient */
  --blue-dark: #1747D6;  /* the deep end of the brand gradient */
  --amber: #DB8A2A;
  --amber-dark: #B96F16;

  --brand-gradient: linear-gradient(135deg, #2DD4F5 0%, #1747D6 100%);
}

body { background: var(--paper); }

/* ---------- Signature element: the gradient signal-bar ----------
   A thin cyan-to-blue rule, echoing the angled facets of the K
   mark. Used as dividers throughout the brand pages instead of
   plain hairlines. */
.k-signal-bar {
  height: 2px;
  width: 100%;
  background: var(--brand-gradient);
  border: none;
  opacity: 0.9;
}

.k-gradient-text {
  background: var(--brand-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* ---------- Buttons on dark pages ---------- */
.k-btn--primary {
  background: var(--brand-gradient);
  border: none;
  color: #05070A;
  font-weight: 600;
}
.k-btn--primary:hover { filter: brightness(1.08); }

.k-btn--ghost {
  border-color: var(--grid-line);
  color: var(--ink-soft);
  background: transparent;
}
.k-btn--ghost:hover { border-color: var(--blue); color: var(--ink); }

/* ---------- Legal pages: re-theme headings on dark ---------- */
.k-legal h1 { color: var(--ink); }
.k-legal h2 { color: var(--ink); border-top: none; }
.k-legal a { color: var(--blue); }

/* ---------- Cookie banner on dark: slightly lighter than page bg ---------- */
#k-consent-banner {
  background: var(--paper-dim);
  border-top: 1px solid var(--grid-line);
  color: var(--ink);
}
#k-consent-banner a { color: var(--blue); }
#k-consent-banner button {
  border-color: var(--grid-line);
  color: var(--ink);
}
#k-consent-banner button:hover { background: var(--blue); border-color: var(--blue); color: #05070A; }

/* ---------- Footer on dark ---------- */
.k-footer { border-top-color: var(--grid-line); }
.k-footer a:hover { color: var(--blue); }