/* Kadran brand layer (Petrol). Loaded after style.css; only redefines tokens and type. */
:root {
  --bg: #f3f1ec; --card: #fdfcfa; --line: #e4e1d9; --line2: #d3cfc4;
  --ink: #0c2a2e; --ink2: #46555a; --ink3: #78858a;
  --side: #0c2a2e; --side-ink: #bfd0d2; --side-on: #154046; --accent: #d9c7a3;
  --s1: #0e6b73; --ref: #a9aaa6; --hover: rgba(14, 107, 115, .10);
  --good: #1b7f3b; --good-bg: #e3f5e6;
  --head: #f0eee8; --tot: #ece9e1; --cur: #e2f0f0;
  --q1: #0c4a50; --q2: #0e6b73; --q3: #2e8e96; --q4: #6db5bb;
  --display: "Space Grotesk", -apple-system, "Segoe UI", Arial, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0c1213; --card: #151c1d; --line: #263133; --line2: #354345;
    --ink: #eef2f1; --ink2: #bcc8c8; --ink3: #869596;
    --side: #08191b; --side-ink: #b3c6c8; --side-on: #123338; --accent: #d9c7a3;
    --s1: #2fa3ac; --ref: #6e7878; --hover: rgba(47, 163, 172, .16);
    --good: #6fdd8b; --good-bg: #12351f;
    --head: #1b2425; --tot: #1e292a; --cur: #143034;
    --q1: #6db5bb; --q2: #3f9ba3; --q3: #2a8189; --q4: #1f666d;
  }
}
:root[data-theme="dark"] {
  --bg: #0c1213; --card: #151c1d; --line: #263133; --line2: #354345;
  --ink: #eef2f1; --ink2: #bcc8c8; --ink3: #869596;
  --side: #08191b; --side-ink: #b3c6c8; --side-on: #123338; --accent: #d9c7a3;
  --s1: #2fa3ac; --ref: #6e7878; --hover: rgba(47, 163, 172, .16);
  --good: #6fdd8b; --good-bg: #12351f;
  --head: #1b2425; --tot: #1e292a; --cur: #143034;
  --q1: #6db5bb; --q2: #3f9ba3; --q3: #2a8189; --q4: #1f666d;
}
h1, .card h3, .brand b, .tv, .fn h4 { font-family: var(--display); letter-spacing: -.01em; }
.brand b { font-size: 18px; }
.brand img { display: block; flex: none; }
nav a.on { box-shadow: inset 3px 0 0 var(--accent); }

.foot a { color: #fff; }
.foot { line-height: 1.6; }