/* EZ Home Tour design tokens, copied from the app (EZ Home Tour/app.css, "Sophisticated Glass"). Keep names in step with the app. */

:root {
  /* ground and surfaces */
  --bg: #141619;
  --surface: #1b1e23;          /* solid content surfaces */
  --surface-hi: #20242a;       /* hover / raised */
  --field: #171a1e;            /* inputs sit slightly below the surface */
  --glass: rgba(29, 32, 37, 0.66);
  --glass-strong: rgba(24, 27, 31, 0.82);
  --hairline: rgba(255, 255, 255, 0.08);
  --hairline-2: rgba(255, 255, 255, 0.13);
  --edge: inset 0 1px 0 rgba(255, 255, 255, 0.055);   /* top-edge highlight */

  /* text (warm off-white) */
  --text: #f2f1ef;
  --text-2: #a4aab4;
  --text-3: #858c97;

  /* brand accent, matured */
  --accent: #e8604a;           /* lines, dots, small marks, link text */
  --accent-fill: #c94a35;      /* primary button (white text passes AA) */
  --accent-fill-hi: #cf4e38;   /* hover top; white text still passes AA */
  --accent-fill-lo: #b9412d;
  --accent-wash: rgba(232, 96, 74, 0.08);
  --accent-line: rgba(232, 96, 74, 0.55);
  --focus: 0 0 0 1px var(--bg), 0 0 0 3px rgba(232, 96, 74, 0.55);
  --ok: #8bc9aa;

  /* elevation */
  --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(0, 0, 0, 0.2);
  --shadow-2: 0 2px 4px rgba(0, 0, 0, 0.3), 0 12px 32px -8px rgba(0, 0, 0, 0.45);
  --shadow-3: 0 4px 8px rgba(0, 0, 0, 0.3), 0 24px 56px -12px rgba(0, 0, 0, 0.55);

  /* type */
  --font: "Inter", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;

  /* spacing scale */
  --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s5: 24px; --s6: 32px; --s7: 48px; --s8: 64px;

  /* radii */
  --r-sm: 6px; --r: 8px; --r-md: 10px; --r-lg: 14px;

  /* motion */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 140ms; --med: 220ms; --step: 280ms;

}