/* xeek.dev theme, xeek.dev.css: skin: every design token lives here; components only use var(--*). Swap skins via config.yml theme.skin */

:root {
  --bg: #14181e;
  --surface: #191e25;
  --border: #232b35;
  --border-soft: #20262e;
  --blue: #4184e4;
  --blue-bright: #6db1ff;
  --blue-soft: #6ba3f0;
  --blue-border: #2b4a78;
  --blue-tint: rgba(65, 132, 228, 0.12);
  --green: #56d364;
  --green-border: #275a36;
  --green-tint: rgba(86, 211, 100, 0.1);
  --purple: #8f8aff;
  --purple-border: #46437a;
  --purple-tint: rgba(143, 138, 255, 0.12);
  --text: #dce6ec;
  --text-bright: #e6eef4;
  --text-body: #b4c0cc;
  --muted: #7d8fa0;
  --dim: #55677a;
  --numeral: #2a3542;
  --gunmetal: #6b7684;
  --gear-divider: #4a5a6e;
  --shadow-chip: 0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-btn: 0 2px 6px rgba(0, 0, 0, 0.55);
  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-body: 'Instrument Sans', sans-serif;
  --font-logo: 'Goldman', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --grad-brand: linear-gradient(100deg, var(--green) 10%, var(--blue) 85%);
  --grad-brand-tight: linear-gradient(90deg, var(--green) 25%, var(--blue) 75%);
  --grad-line: linear-gradient(90deg, var(--green), var(--blue));
  /* hero wordmark: one continuous green-to-blue sweep split across the two
     words, meeting at the mid tone behind the compound gear */
  --brand-mid: #4baba4;
  --grad-hero-a: linear-gradient(90deg, var(--green), var(--brand-mid));
  --grad-hero-b: linear-gradient(90deg, var(--brand-mid), var(--blue));
  /* compound hero gear steels */
  --gear-ring: #454f5c;
  --gear-rim: #39424e;
  --gear-hub: #78848f;
  --gear-line: #333d49;
  --gear-detail: #2b333e;
  --gear-planet-a: #5c6875;
  --gear-planet-b: #606d7a;
  --gear-planet-c: #57636f;
}