/* Variant: Peach — the Devices hero, warm: soft peach with a deep orange accent.
   Layered on themes/devices.css. Light only. */

:root {
  --bg: #fdf5f0;
  --surface: #ffffff;
  --muted: #f9e9df;
  --ink: #2b1a12;
  --ink-2: #6d5649;
  --line: #f0dfd4;
  --accent: #c2410c;
  --accent-ink: #ffffff;
  --accent-soft: #ffe6d6;
  --green-soft: #ffe9dc;
  --amber-soft: #fff1d0;
  --night: #2b1a12;
  --night-2: #3d271c;
  --night-ink-2: #d6bfb1;

  --bright: #ff8a4c;
  --ui-accent: #f06a2b;
  --ui-img: #ffeee3;
  --ui-tint-a: #ffdcc8;
  --ui-tint-b: #fde2e7;
  --ui-tint-c: #fff0c4;
  --device: #2b211c;
}

.dv-scene::before {
  content: "";
  position: absolute;
  inset: 5% 0 0 15%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255, 160, 110, 0.4), transparent);
  filter: blur(30px);
}
.dv-scene { isolation: isolate; }
.tile--dark .focus strong { color: #ffb38a; }
.product__visual--water { background: #ffe6d6; }
.product__visual--jobs { background: #fde2e7; }
.product__visual--food { background: #fff1d0; }