/* SKORVEX: COMING SOON, DESIGN TOKENS
   Self-contained, mirrors homepage_v3 + the Hydrogen store's shell tokens.
   See 08-build-logs/RESEARCH_BUILD_LOG_2026-08-18-3.md, 2026-08-19 entry. */
:root{
  --ground:       #0A0B09;
  --ground-2:     #101210;
  --surface:      #15170F;
  --surface-deep: #050605;

  --ink:          #F5F7F1;
  --ink-muted:    #A7AA9F;
  --ink-faint:    #6F7268;

  --accent:       #00FF00;
  --accent-ink:   #04140A;
  --accent-glow:  rgba(60,255,120,0.35);
  --accent-dim:   rgba(0,255,0,0.16);
  --accent-line:  rgba(0,255,0,0.4);

  --warn:         #FF8A7A;

  --hairline:     rgba(245,247,241,0.10);
  --hairline-2:   rgba(245,247,241,0.16);

  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  /* same curve as homepage_v3 --ease-out and the Hydrogen shell's --ease */
  --ease:        cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --dur-fast: 260ms;
  --dur-med:  480ms;
  --dur-hero: 720ms;
  --dur-float: 6000ms;
}

/* logo PNG/SVG green is tagged Display P3; match the accent so the CTA
   and the wordmark X read as one ink, not two. */
@supports (color: color(display-p3 0 1 0)){
  :root{
    --accent: color(display-p3 0.15 1 0.25);
    --accent-glow: color(display-p3 0.25 1 0.4 / 0.35);
  }
}

@media (prefers-reduced-motion: reduce){
  :root{
    --dur-fast: 1ms;
    --dur-med:  1ms;
    --dur-hero: 1ms;
    --dur-float: 1ms;
  }
}