@import './lara-light-blue.css';
:root {
  color-scheme: light;
  --primary-50: #f1f8f7;
  --primary-100: #dceceb;
  --primary-200: #bdd9d6;
  --primary-300: #96c0bc;
  --primary-400: #6fa5a1;
  --primary-500: #527f7d;
  --primary-600: #416967;
  --primary-700: #365554;
  --primary-800: #304746;
  --primary-900: #2b3d3d;
  --primary-color: var(--primary-600);
  --primary-color-text: #ffffff;
  --surface-a: #ffffff;
  --surface-b: #f8faf9;
  --surface-c: #edf3f1;
  --surface-d: #d9e3df;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #f8faf9;
  --surface-100: #f0f4f2;
  --surface-200: #e4ebe8;
  --surface-300: #d4dfdb;
  --surface-400: #aabbb5;
  --surface-500: #7f918b;
  --surface-600: #60716c;
  --surface-700: #4b5955;
  --surface-800: #34403d;
  --surface-900: #222b29;
  --surface-ground: #f3f7f5;
  --surface-section: #f8faf9;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #d9e3df;
  --surface-hover: #edf3f1;
  --text-color: #243330;
  --text-color-secondary: #60706b;
  --highlight-bg: #deece9;
  --highlight-text-color: #315d5a;
  --focus-ring: 0 0 0 0.2rem #c8ddda;
  --maskbg: rgba(25, 39, 36, 0.42);
  --inline-spacing: 0.5rem;
}
@layer primereact {
  .p-component {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  }
  .p-button {
    background: var(--primary-color);
    border-color: var(--primary-color);
  }
  .p-button:not(:disabled):hover {
    background: var(--primary-700);
    border-color: var(--primary-700);
  }
  .p-button:not(:disabled):active {
    background: var(--primary-800);
    border-color: var(--primary-800);
  }
  .p-button:focus-visible,
  .p-link:focus-visible {
    box-shadow: var(--focus-ring);
  }
  .p-button.p-button-outlined,
  .p-button.p-button-text {
    color: var(--primary-color);
  }
  .p-button.p-button-outlined:not(:disabled):hover,
  .p-button.p-button-text:not(:disabled):hover {
    background: var(--highlight-bg);
    color: var(--primary-700);
  }
  .p-inputtext,
  .p-dropdown,
  .p-multiselect,
  .p-inputnumber-input {
    background: var(--surface-card);
    border-color: var(--surface-border);
    color: var(--text-color);
  }
  .p-inputtext:enabled:hover,
  .p-dropdown:not(.p-disabled):hover,
  .p-multiselect:not(.p-disabled):hover {
    border-color: var(--primary-400);
  }
  .p-inputtext:enabled:focus,
  .p-dropdown:not(.p-disabled).p-focus,
  .p-multiselect:not(.p-disabled).p-focus {
    border-color: var(--primary-color);
    box-shadow: var(--focus-ring);
  }
  .p-checkbox .p-checkbox-box.p-highlight,
  .p-radiobutton .p-radiobutton-box.p-highlight,
  .p-inputswitch.p-highlight .p-inputswitch-slider {
    background: var(--primary-color);
    border-color: var(--primary-color);
  }
  .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,
  .p-radiobutton:not(.p-radiobutton-disabled) .p-radiobutton-box:hover {
    border-color: var(--primary-color);
  }
  .p-card,
  .p-panel .p-panel-header,
  .p-panel .p-panel-content,
  .p-toolbar,
  .p-dataview .p-dataview-content,
  .p-paginator,
  .p-menu,
  .p-dialog .p-dialog-header,
  .p-dialog .p-dialog-content,
  .p-dialog .p-dialog-footer {
    background: var(--surface-card);
    border-color: var(--surface-border);
    color: var(--text-color);
  }
  .p-menu .p-menuitem > .p-menuitem-content:hover,
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover,
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
    background: var(--surface-hover);
    color: var(--text-color);
  }
  .p-highlight,
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: var(--highlight-bg);
    color: var(--highlight-text-color);
  }
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover,
  .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background: var(--surface-hover);
    color: var(--text-color);
  }
}