/* PrintChart Custom Theme Overrides */
/* This file provides additional CSS overrides for the PrintChart design */

:root {
  /* Primary Colors */
  --primary-color: #0D9488;
  --primary-color-dark: #0F766E;
  --primary-color-light: #BFF0E5;

  /* Secondary Color */
  --secondary-color: #F97316;

  /* Text Colors */
  --text-dark: #131718;
  --text-body: #3C4446;
  --text-secondary: #64748B;
  --icon-color: #757D87;

  /* Background Colors */
  --bg-main: #F5F5F5;
  --bg-card: #FFFFFF;
  --bg-dropdown: #F1F5F9;
  --border-color: #E2E8F0;
}

/* PrimeNG Theme Overrides for Teal */
.p-button:not(.p-button-secondary):not(.p-button-outlined):not(.p-button-text) {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.p-button:not(.p-button-secondary):not(.p-button-outlined):not(.p-button-text):hover {
  background-color: var(--primary-color-dark);
  border-color: var(--primary-color-dark);
}

.p-checkbox .p-checkbox-box.p-highlight {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: var(--primary-color);
}

.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.p-dropdown.p-focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15);
}

.p-inputtext:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.15);
}

a {
  color: var(--primary-color);
}

a:hover {
  color: var(--primary-color-dark);
}