/* Bridge cosmos-v2 design tokens → legacy /me and /capture variable names.
   Load after cosmos-v2-tokens.css. */

:root {
  /* Legacy aliases consumed by me.html inline styles and app surfaces */
  --bg: var(--bg-ground, #04060c);
  --font-display: var(--font-self);
  --font-mono: var(--font-meta);
  --signal: var(--kind-observed, #7fedc7);
  --signal-dim: rgba(127, 237, 199, 0.18);
  --err: rgba(255, 120, 120, 0.88);

  /* Node-type palette — categorical layer beside the five kind hues */
  --kind-place: #7fd4ed;
  --kind-media: #f5c77e;
  --kind-task: #9fe89f;
  --kind-item: #d9a8ff;
  --kind-event: #e89b6b;
}

/* App shell background — circadian ground, not flat black */
body.me-life,
body.cap-page {
  background: var(--bg-ground);
  color: var(--ink-1);
}

body.me-life .bg-shell {
  background:
    var(--bg-overlay, radial-gradient(ellipse 80% 50% at 50% 38%, rgba(40, 90, 140, 0.1) 0%, transparent 65%)),
    linear-gradient(180deg, var(--bg-sky, #080d18) 0%, var(--bg-mid, #06090f) 42%, var(--bg-ground, #04060c) 100%);
}

body.me-life .bg-shell::after {
  opacity: 0.35;
  animation-duration: 36s;
}

body.cap-page {
  background:
    var(--bg-overlay, radial-gradient(ellipse 80% 50% at 50% 38%, rgba(40, 90, 140, 0.08) 0%, transparent 65%)),
    linear-gradient(180deg, var(--bg-sky, #080d18) 0%, var(--bg-ground, #04060c) 100%);
}

/* Nav wordmark — quiet serif for the product name */
body.cosmos-app nav.site-nav .word {
  font-family: var(--font-cosmos);
  font-weight: 400;
  font-variation-settings: var(--font-cosmos-opsz-body);
  letter-spacing: -0.02em;
}

@media (prefers-reduced-motion: reduce) {
  body.me-life .bg-shell::after {
    animation: none;
  }
}