/* WATransChat Membership System — Design Tokens */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-secondary: #3b82f6;
  --color-accent: #ea580c;
  --color-accent-hover: #c2410c;
  --color-on-primary: #ffffff;
  --color-on-accent: #ffffff;

  --color-background: #f8fafc;
  --color-foreground: #1e293b;
  --color-card: #ffffff;
  --color-card-foreground: #1e293b;
  --color-muted: #e9eff8;
  --color-muted-foreground: #475569;
  --color-border: #e2e8f0;
  --color-destructive: #dc2626;
  --color-ring: #2563eb;

  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-pill: 999px;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.08);
  --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.12);
  --shadow-glass: 0 18px 50px rgba(2, 6, 23, 0.35);

  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;

  /* User-facing dark glass theme */
  --user-bg-1: #0b1220;
  --user-bg-2: #0f172a;
  --user-text: #f1f5f9;
  --user-muted: #94a3b8;
  --user-border: rgba(255, 255, 255, 0.12);
  --user-glass: rgba(15, 23, 42, 0.55);
  --user-glass-border: rgba(255, 255, 255, 0.14);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}