/**
 * Legacy CSS variables (local dev + backwards compatibility).
 * Prefer Tailwind semantic colors in templates; tokens live in static/src/input.css @theme.
 */
:root {
  /* Align with werelayapp-site/frontend (index.css) */
  --color-3: #d4d4d4;
  --color-4: #737373;
  --color-5: #171717;
}

/* Global app background (2-color + subtle translucency feel) */
.app-page-bg {
  background:
    radial-gradient(900px 600px at 15% 10%, rgba(15, 118, 110, 0.18), rgba(15, 118, 110, 0) 60%),
    radial-gradient(900px 600px at 85% 15%, rgba(59, 130, 246, 0.14), rgba(59, 130, 246, 0) 60%),
    linear-gradient(180deg, rgba(247, 247, 248, 1) 0%, rgba(247, 247, 248, 1) 100%);
  background-attachment: fixed;
}