/* Specter — design tokens */

:root {
  /* Surfaces */
  --bg:             #060607;
  --bg-2:           #0a0a0c;
  --surface:        #111114;
  --surface-2:      #17171b;

  /* Text */
  --text:           #ffffff;
  --text-1:         #f5f5f7;
  --text-2:         #86868b;
  --text-3:         #6e6e73;

  /* Accent — cian titanio */
  --accent:         oklch(0.82 0.062 214);
  --accent-strong:  oklch(0.87 0.08  214);
  --accent-glow:    oklch(0.82 0.085 216 / 0.22);
  --accent-dim:     oklch(0.82 0.062 214 / 0.08);

  /* Borders */
  --hairline:       rgba(255, 255, 255, 0.08);
  --hairline-soft:  rgba(255, 255, 255, 0.06);

  /* Radii */
  --r-sm:           8px;
  --r-md:           14px;
  --r-lg:           22px;
  --r-xl:           32px;
  --r-pill:         980px;

  /* Motion */
  --ease-out:       cubic-bezier(0.16, 1, 0.3, 1);
  --ease-io:        cubic-bezier(0.65, 0, 0.35, 1);

  /* Layout */
  --gutter:         clamp(1.25rem, 5vw, 2.5rem);
  --wrap:           1180px;
  --section-y:      clamp(5rem, 10vh, 9rem);
}