:root {
  --bg-app: #0a1628;
  --bg-sidebar: #0d1f3c;
  --bg-header: linear-gradient(135deg, #0d1f3c 0%, #112244 100%);
  --bg-chat: radial-gradient(ellipse at top, #0f1e35 0%, #0a1628 65%);
  --bg-bubble-mine: linear-gradient(135deg, #1e3a5f, #162d4a);
  --bg-bubble-theirs: linear-gradient(135deg, #152238, #0f1a2e);
  --bg-input: rgba(255, 255, 255, 0.04);
  --bg-modal: #0d1f3c;
  --bg-panel: #0d1f3c;
  --bg-hover: rgba(184, 148, 72, 0.08);

  --border-primary: rgba(184, 148, 72, 0.4);
  --border-subtle: rgba(255, 255, 255, 0.06);
  --border-bubble-mine: rgba(184, 148, 72, 0.35);
  --border-bubble-theirs: rgba(255, 255, 255, 0.07);

  --text-primary: #e8dcc8;
  --text-secondary: #9ab4c8;
  --text-muted: #4a6070;
  --text-accent: #b89448;
  --text-on-accent: #0d1f3c;

  --accent: #b89448;
  --accent-dim: #8a6e30;
  --accent-glow: 0 0 8px rgba(184, 148, 72, 0.5);

  --status-online: #4ade80;
  --status-offline: #3a5060;
  --status-unread: #b89448;

  --sidebar-active-border: #b89448;
  --sidebar-active-bg: linear-gradient(
    90deg,
    rgba(184, 148, 72, 0.12),
    rgba(184, 148, 72, 0.02)
  );

  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'Courier New', monospace;

  --radius-bubble: 14px;
  --radius-panel: 8px;
  --radius-badge: 3px;

  --shadow-bubble: 0 2px 8px rgba(0, 0, 0, 0.25);
  --shadow-modal: 0 20px 60px rgba(0, 0, 0, 0.6);
  --shadow-panel: 0 4px 14px rgba(0, 0, 0, 0.5);

  --scrollbar-thumb: rgba(184, 148, 72, 0.18);
}