/* styles-dark.css: Dark theme variables in RGB triplets */
html.dark {
  /* BACKGROUNDS */
  --bg-main: 11, 15, 25;       /* #0B0F19 */
  --bg-secondary: 5, 8, 15;     /* #05080F */
  --bg-card: 21, 25, 38;        /* #151926 */

  /* TEXT */
  --text-main: 255, 255, 255;   /* #FFFFFF */
  --text-muted: 156, 163, 175;  /* #9CA3AF */

  /* UI */
  --border-color: 255, 255, 255; /* #FFFFFF */
  --primary-blue: 59, 130, 246;  /* #3B82F6 */

  /* Shadows & Overlays */
  --shadow-color: 15, 23, 42;    /* base for shadow rgba */
  --shadow-black: 0, 0, 0;       /* pure black for generic shadows */
  --glass-dark-bg: 15, 23, 42;   /* glass dark background */

  /* FAB neutrals */
  --fab-gray: 120, 120, 130;     /* subtle gray */
  --fab-dark-gray: 180, 180, 200; /* darker gray in dark */

  /* Brand colors */
  --brand-whatsapp: 37, 211, 102;          /* #25D366 */
  --brand-whatsapp-hover: 30, 190, 90;     /* #1ebe5a */
  --brand-message-bg: 255, 255, 255;       /* #ffffff */
  --brand-message-color: 90, 167, 232;     /* #5AA7E8 */
  --brand-message-hover-bg: 241, 241, 241; /* #f1f1f1 */
  --brand-message-hover-color: 33, 150, 243; /* #2196F3 */

  /* On-primary text */
  --on-primary-text: 255, 255, 255;

  /* Gradient brand */
  --primary-gradient-from: 37, 99, 235;    /* blue-600 */
  --primary-gradient-to: 67, 56, 202;      /* indigo-700 */
}