/* theme_bind.css
   Time×Sky (tokens --p*) -> site semantic roles (--bg, --surface, ...)
   site.css must reference ONLY semantic roles.
*/
:root{
  --bg: var(--p6-tint-98);
  --surface: var(--p7-tint-95);
  --text: var(--p8-ink-12);
  --muted: var(--p9-ink-35);
  --border: var(--p10-tint-86);
  --accent: var(--p1-base);
  --scrim: var(--p11-scrim);
  --ring: var(--p15-ring);

  /* Optional roles */
  --link: var(--accent);
  --link-visited: var(--p13-shift-visited);
  --danger: var(--p12-danger);
  --on-accent: var(--p14-on-primary);
}

/* Night tweaks that are NOT color tokens (shadow strength etc.) */
html[data-theme="night"]{
  --accent: var(--p2-base-light);

  --shadow: 0 10px 28px hsl(220 30% 2% / .35);
  --shadow-lg: 0 24px 60px hsl(220 30% 2% / .55);
}