/* All styles have been migrated to Tailwind CSS utility classes. */

/* All styles have been migrated to Tailwind CSS utility classes. */

:root,
.wa-theme-dark {
  /* Cosmic Background for panels */
  --wa-panel-background-color: #1f2833;
  --wa-panel-border-color: rgba(255, 255, 255, 0.1);

  /* Neon Emerald Accent for Primary */
  --wa-color-primary-50: #e0fefc;
  --wa-color-primary-100: #b3fdf7;
  --wa-color-primary-200: #80fcf1;
  --wa-color-primary-300: #4dfaeb;
  --wa-color-primary-400: #26f9e6;
  --wa-color-primary-500: #66fcf1; /* Tailwind Accent */
  --wa-color-primary-600: #00d9c4;
  --wa-color-primary-700: #00b3a1;
  --wa-color-primary-800: #008c7e;
  --wa-color-primary-900: #00665b;
  --wa-color-primary-950: #00332e;

  /* Typography */
  --wa-font-sans: 'Inter', sans-serif;
  --wa-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* Ensure WebAwesome components blend with the dark theme */
wa-card {
  --border-color: rgba(255, 255, 255, 0.1);
  --border-radius: 1rem;
}