/**
 * Canonical design tokens for Drippy default (neon liquid) look.
 * Used site-wide on :root and imported by themes/default/default.css so profile
 * default theme stays numerically aligned without loading other theme packs on apex.
 */

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Unbounded:wght@500;600;700;800&display=swap");

:root {
  --focus-ring-color: #0080ff;
  --color-bg-deep: #07060f;
  --color-bg-mid: #0e0c18;
  --color-surface: rgba(22, 18, 38, 0.65);
  --color-border: rgba(120, 64, 255, 0.24);
  --color-text: #e8e4f2;
  --color-muted: #9a92b0;
  --color-cyan: #0080ff;
  --color-magenta: #ff00a0;
  --color-violet: #7820f0;
  --color-link: #5be7ff;
  --color-link-hover: #a6ddff;
  --color-link-visited: #ff62d1;
  /* Forms / validation (auth shell, etc.) */
  --color-error: #ff6b8a;
  /* Layout-lab / owner publish switch “on” (mirrors prior green accent) */
  --color-success: #2ec478;
  /* Text on cyan→violet gradient CTAs (Faucet drops); themes may override for contrast */
  --color-on-accent: #ffffff;
  --color-glow-cyan: rgba(0, 128, 255, 0.35);
  --color-glow-magenta: rgba(255, 0, 160, 0.28);
  --font-display: "Unbounded", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --radius-lg: 1.1rem;
  --radius-md: 0.65rem;
  --shadow-glass: 0 0 0 1px var(--color-border), 0 24px 48px rgba(0, 0, 0, 0.45);
  /* Faucet slot drag elevation — neutral; themes may soften for light shells */
  --drippy-faucet-drag-elevate-shadow: 0 22px 56px rgb(0 0 0 / 0.55);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --font-size-body: 1rem;
}

@media (min-width: 768px) {
  :root {
    --radius-lg: 1.25rem;
    --radius-md: 0.75rem;
    --font-size-body: 1.0625rem;
  }
}