:root[data-theme='classic_dark'] {
  --primary: #0EA5E9;
  --primary-focus: #38bdf8;
  --primary-content: #e0f0f6;

  --secondary: #FC6F60;
  --secondary-focus: #f55e4e;
  --secondary-content: #ffe0dc;

  --accent: #4d92a9;
  --accent-focus: #14d6a8;
  --accent-content: #d0fff5;

  --ghost: transparent;
  --ghost-focus: rgba(51,248,248,0.15);
  --ghost-content: #E8FDFC;

  --neutral: #cbd5e1;
  --neutral-focus: #94a3b8;
  --neutral-content: #0f172a;

  --base-100: #0f172a;
  --base-200: #1e293b;
  --base-300: #334155;
  --base-content: #f1f5f9;

  --info: #0ea5e9;
  --info-content: #02222f;

  --success: #10b981;
  --success-content: #012b1d;

  --warning: #fbbf24;
  --warning-content: #2d2200;

  --error: #f87171;
  --error-content: #2d0101;

  --shadow-color: #000000;

  /* RGB helpers for translucency */
  --base-100-rgb: 15,23,42; /* #0f172a */
  --base-content-rgb: 241,245,249; /* #f1f5f9 */

  /* Gray scale aliases (dark) */
  --gray-100: #1e293b;
  --gray-200: #243349;
  --gray-300: #334155;
  --gray-400: #475569;
  --gray-500: #64748b;
  --gray-600: #7b8ba0;
  --gray-700: #94a3b8;
  --gray-800: #cbd5e1;
  --gray-900: #e2e8f0;

  /* RGB helpers for brand colors */
  --primary-rgb: 14,165,233; /* #0EA5E9 */
  --secondary-rgb: 252,111,96; /* #FC6F60 */

  /* Watermark (activity details) */
  --watermark-color: var(--primary);
  --watermark-opacity: 0.2; /* higher for dark background */
  --watermark-blend: screen; /* screen gives more contrast on dark */
}