[data-palette='pink'] {
  /* base primary scale */
  --primary: oklch(0.5819 0.2292 10.06); /* 600 */
  --color-primary-50: oklch(0.973 0.0119 350.97);
  --color-primary-100: oklch(0.822 0.102 357.48);
  --color-primary-200: oklch(0.822 0.102 357.48);
  --color-primary-300: oklch(0.822 0.102 357.48);
  --color-primary-400: oklch(0.6828 0.2024 1.72);
  --color-primary-500: oklch(0.6594 0.1897 0.56);
  --color-primary-600: oklch(0.5819 0.2292 10.06);
  --color-primary-700: oklch(0.5819 0.2292 10.06);
  --color-primary-800: oklch(0.3284 0.1265 7.51);
  --color-primary-900: oklch(0.2498 0.095 5.44);
  --color-primary-950: oklch(0.2498 0.095 5.44);

  /* semantic colors for light mode */
  --secondary: oklch(0.822 0.102 357.48); /* ~200 */
  --secondary-foreground: oklch(0.5819 0.2292 10.06); /* 600/700 */

  --accent: oklch(0.973 0.0119 350.97); /* 50 */
  --accent-foreground: oklch(0.5819 0.2292 10.06); /* 600 */

  --toastify-color-progress-light: var(--primary);
  --toastify-color-success: var(--primary);

  --ring: var(--primary);

  --sidebar-accent: oklch(0.973 0.0119 350.97); /* 50/100 */
  --sidebar-accent-foreground: oklch(0.5819 0.2292 10.06);
  --sidebar-border: oklch(0.3284 0.1265 7.51);
  --sidebar-ring: oklch(0.3284 0.1265 7.51);

  /* dark mode adjustments when html has class="dark" */
  &[class='dark'] {
    --secondary: oklch(0.2498 0.095 5.44); /* 900 */
    --secondary-foreground: oklch(0.6594 0.1897 0.56); /* 500/300 */

    --accent: oklch(0.2498 0.095 5.44); /* 900/950 */
    --accent-foreground: oklch(0.6594 0.1897 0.56);

    --sidebar-accent: oklch(0.2498 0.095 5.44);
    --sidebar-accent-foreground: oklch(0.6594 0.1897 0.56);
    --sidebar-border: oklch(0.3284 0.1265 7.51);
    --sidebar-ring: oklch(0.3284 0.1265 7.51);
  }
}