/* Fanvult Chat — design tokens (dark + light) */

:root {
  --font: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --smooth: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --spring: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);

  --accent: #E5728E;
  --accent2: #d4506e;
  --accent-soft: rgba(229, 114, 142, 0.12);
  --accent-glow: rgba(229, 114, 142, 0.25);
  --ring: rgba(229, 114, 142, 0.35);
  --gold: #f3c25a;
  --green: #4ade80;
  --red: #f87171;
  --blue: #60a5fa;

  --sidebar-w: 380px;
  --header-h: 64px;
  --input-h: 72px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-full: 999px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-lg: 0 16px 48px rgba(0, 0, 0, 0.18);
}

[data-theme="dark"] {
  --bg: #090909;
  --bg-elevated: #101012;
  --surface: #161618;
  --surface2: #222226;
  --surface3: #2d2d33;
  --border: rgba(255, 255, 255, 0.075);
  --border2: rgba(255, 255, 255, 0.14);
  --text: #f7f7f8;
  --text-secondary: #a3a3ab;
  --text-tertiary: #71717a;
  --bubble-me: linear-gradient(145deg, rgba(229, 114, 142, 0.28), rgba(212, 80, 110, 0.16));
  --bubble-me-border: rgba(229, 114, 142, 0.28);
  --bubble-them: #232328;
  --bubble-them-border: rgba(255, 255, 255, 0.07);
  --overlay: rgba(0, 0, 0, 0.55);
  --scrollbar: rgba(255, 255, 255, 0.1);
  --selection: rgba(229, 114, 142, 0.3);
  --typing-dot: #71717a;
  --unread-bg: rgba(229, 114, 142, 0.16);
  --chat-wash: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(229, 114, 142, 0.12), transparent 55%),
    radial-gradient(circle at 100% 100%, rgba(229, 114, 142, 0.05), transparent 40%);
}

[data-theme="light"] {
  --bg: #f4f2f5;
  --bg-elevated: #ffffff;
  --surface: #ffffff;
  --surface2: #f1eef2;
  --surface3: #e8e4ea;
  --border: rgba(0, 0, 0, 0.07);
  --border2: rgba(0, 0, 0, 0.12);
  --text: #141418;
  --text-secondary: #63636b;
  --text-tertiary: #8e8e97;
  --bubble-me: linear-gradient(135deg, #E5728E, #d4506e);
  --bubble-me-border: transparent;
  --bubble-them: #ffffff;
  --bubble-them-border: rgba(0, 0, 0, 0.06);
  --overlay: rgba(0, 0, 0, 0.35);
  --scrollbar: rgba(0, 0, 0, 0.12);
  --selection: rgba(229, 114, 142, 0.25);
  --typing-dot: #8e8e97;
  --unread-bg: rgba(229, 114, 142, 0.12);
  --chat-wash: radial-gradient(ellipse 80% 45% at 50% -8%, rgba(229, 114, 142, 0.1), transparent 55%);
}