:root {
  --tw-accent: #1A7A8A;
  --tw-accent-dark: #155F6D;
  --tw-accent-light: #E6F4F6;
  --tw-bg-page: #EEF3F7;
  --tw-bg-surface: #FFFFFF;
  --tw-bg-sidebar: #FFFFFF;
  --tw-bg-glass: rgba(255,255,255,0.72);
  --tw-text-primary: #1C2B36;
  --tw-text-secondary: #5A7280;
  --tw-text-tertiary: #94A8B4;
  --tw-border: rgba(0,0,0,0.07);
  --tw-border-strong: rgba(0,0,0,0.12);
  --tw-bubble-sent-bg: #1A7A8A;
  --tw-bubble-sent-text: #FFFFFF;
  --tw-bubble-recv-bg: #F0F4F7;
  --tw-bubble-recv-text: #1C2B36;
  --tw-green: #22C55E;
  --tw-red: #EF4444;
  --tw-orange: #F97316;
  --tw-yellow: #EAB308;
  --tw-r-sm: 8px;
  --tw-r-md: 12px;
  --tw-r-lg: 16px;
  --tw-r-xl: 24px;
  --tw-r-pill: 9999px;
  --tw-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --tw-shadow-md: 0 4px 12px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.04);
  --tw-shadow-lg: 0 8px 24px rgba(0,0,0,0.10);
  --tw-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --tw-ease: cubic-bezier(0.4, 0, 0.2, 1);
}

@media (prefers-color-scheme: dark) {
  :root {
    --tw-bg-page: #0F1923;
    --tw-bg-surface: #1A2735;
    --tw-bg-sidebar: #141F2B;
    --tw-bg-glass: rgba(26,39,53,0.80);
    --tw-text-primary: #E8EEF2;
    --tw-text-secondary: #8AA4B4;
    --tw-text-tertiary: #546E7A;
    --tw-border: rgba(255,255,255,0.07);
    --tw-border-strong: rgba(255,255,255,0.12);
    --tw-bubble-recv-bg: #253342;
    --tw-bubble-recv-text: #E8EEF2;
  }
}