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

  --secondary: #FC6F60;
  --secondary-focus: #9e9594;
  --secondary-content: #fccdc8;

  --accent: #73c0e1;
  --accent-focus: #6eadbe;
  --accent-content: #c9f8ed;

  --ghost: transparent;
  --ghost-focus: #33F8F8F2;
  --ghost-content: #F8F8F2;

  --neutral: #2B3440;
  --neutral-focus: #1D232B;
  --neutral-content: #D8DDE4;

  --base-100: #FFFFFF;
  --base-200: #F2F2F2;
  --base-300: #E5E6E6;
  --base-content: #1F2937;

  --info: #3ABFF8;
  --info-content: #002B3D;

  --success: #36D399;
  --success-content: #003320;

  --warning: #FBBD23;
  --warning-content: #382800;

  --error: #F87272;
  --error-content: #470000;

  --shadow-color: #C2C2C2;

  /* RGB helpers for translucency */
  --base-100-rgb: 255,255,255;
  --base-content-rgb: 31,41,55;

  /* Gray scale aliases */
  --gray-100: #FFFFFF;
  --gray-200: #F2F2F2;
  --gray-300: #E5E6E6;
  --gray-400: #ced4da;
  --gray-500: #adb5bd;
  --gray-600: #6c757d;
  --gray-700: #495057;
  --gray-800: #343a40;
  --gray-900: #212529;

  /* 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.3;
  --watermark-blend: multiply;
}