@import url("../css/tokens.css");

:root {
  color-scheme: light;
  --paper: var(--color-paper);
  --paper-2: var(--color-paper-2);
  --paper-3: var(--color-well);
  --ink: var(--color-ink);
  --muted: var(--color-muted);
  --rule: var(--color-rule);
  --accent: var(--color-accent-3);
  --color-accent-ink: var(--color-ink);
  --accent-ink: var(--color-accent-ink);
  --signal: var(--color-accent);
  --safe: var(--color-mint);
  --cyan: var(--color-cyan-band);
  --blue: var(--color-accent-2);
  --lavender: var(--color-lavender);
  --danger: var(--color-accent-3);
  --water: oklch(66% 0.2 238);
  --water-mid: oklch(58% 0.2 242);
  --water-deep: oklch(46% 0.18 246);
  --water-light: oklch(90% 0.11 220);
  --water-foam: oklch(97% 0.035 215);
  --water-glass: oklch(82% 0.12 225 / 0.34);
  --pipe-casing: var(--color-ink);
  --pipe-shadow: oklch(18% 0.055 300 / 0.24);
  --pipe-rim: oklch(48% 0.075 300);
  --pipe-rivet: oklch(72% 0.08 88);
  --pipe-rivet-shadow: oklch(34% 0.06 300);
  --pipe-channel: oklch(95% 0.045 82);
  --pipe-channel-shadow: oklch(78% 0.065 76);
  --pump: var(--color-accent-3);
  --pump-deep: oklch(48% 0.21 18);
  --outlet: var(--color-accent);
  --outlet-wet: var(--water-light);
  --warning: oklch(60% 0.24 24);
  --gauge-face: oklch(98% 0.025 95);
  --gauge-tick: oklch(36% 0.06 300);
  --focus: var(--color-focus);
  --shadow: oklch(22% 0.06 300 / 0.22);
  --backdrop: oklch(22% 0.06 300 / 0.78);
  --water-cast: oklch(42% 0.16 242 / 0.24);
  --font-mono: var(--font-label);
  --step--1: clamp(0.74rem, 0.71rem + 0.12vw, 0.82rem);
  --step-0: clamp(0.92rem, 0.88rem + 0.18vw, 1.04rem);
  --step-1: clamp(1.08rem, 1rem + 0.35vw, 1.28rem);
  --step-2: clamp(1.35rem, 1.16rem + 0.8vw, 1.82rem);
  --step-3: clamp(1.78rem, 1.4rem + 1.6vw, 2.7rem);
  --step-4: clamp(2.35rem, 1.72rem + 2.6vw, 3.85rem);
  --space-1: 0.35rem;
  --space-2: 0.6rem;
  --space-3: 0.9rem;
  --space-4: 1.25rem;
  --space-5: 1.8rem;
  --space-6: 2.6rem;
  --measure: 68rem;
  --spring: var(--ease-spring);
  --snap: var(--ease-snap);
  --z-board: 1;
  --z-fixture: 3;
  --z-water-effect: 6;
  --z-burst: 7;
}