/**
 * Turquoise Theme Override for TailAdmin v2.2
 * This file ensures turquoise colors override any remaining brand color references
 * Load this after tailadmin-base.css
 */

:root {
  /* Ensure turquoise colors are set */
  --color-brand-25: #e0f7f9;
  --color-brand-50: #e0f7f9;
  --color-brand-100: #b3ebf2;
  --color-brand-200: #80dee9;
  --color-brand-300: #4dd1e0;
  --color-brand-400: #26c6da;
  --color-brand-500: #00bcd4; /* Primary turquoise */
  --color-brand-600: #00acc1; /* Hover state */
  --color-brand-700: #0097a7;
  --color-brand-800: #00838f;
  --color-brand-900: #006064;
  --color-brand-950: #004d52;

  /* Update focus ring to use turquoise */
  --shadow-focus-ring: 0px 0px 0px 4px rgba(0, 188, 212, 0.12);
}

.dark {
  /* Dark mode turquoise adjustments if needed */
  --color-brand-500: #00bcd4;
  --color-brand-400: #26c6da;
}