@use './mixins/mode';

p-table,
.p-datatable-filter-overlay {
  --p-transition-duration: 250ms;
  --p-focus-ring-width: 2px;
  --p-focus-ring-style: solid;
  --p-focus-ring-color: var(--post-focus-color);
  --p-focus-ring-offset: 2px;
  --p-focus-ring-shadow: none;
  --p-disabled-opacity: 0.6;
  --p-icon-size: 1rem;
  --p-anchor-gutter: 0;
  --p-form-field-padding-x: 1rem;
  --p-form-field-padding-y: 0.5rem;
  --p-form-field-sm-font-size: 0.875rem;
  --p-form-field-sm-padding-x: 1rem;
  --p-form-field-sm-padding-y: 0.25rem;
  --p-form-field-lg-font-size: 1.125rem;
  --p-form-field-lg-padding-x: 1rem;
  --p-form-field-lg-padding-y: 0.75rem;
  --p-form-field-border-radius: var(--p-border-radius-none);
  --p-form-field-focus-ring-width: var(--p-focus-ring-width);
  --p-form-field-focus-ring-style: var(--p-focus-ring-style);
  --p-form-field-focus-ring-color: var(--p-focus-ring-color);
  --p-form-field-focus-ring-offset: var(--p-focus-ring-offset);
  --p-form-field-focus-ring-shadow: var(--p-focus-ring-shadow);
  --p-form-field-transition-duration: var(--p-transition-duration);
  --p-list-padding: 0.5rem 0;
  --p-list-gap: 0;
  --p-list-header-padding: 0.5rem 0.75rem 0.375rem 0.75rem;
  --p-list-option-padding: 0.5rem 1rem;
  --p-list-option-border-radius: var(--p-border-radius-none);
  --p-list-option-group-padding: 0.5rem 1rem;
  --p-list-option-group-font-weight: 400;
  --p-content-border-radius: var(--p-border-radius-rounded);
  --p-mask-transition-duration: 0.15s;
  --p-navigation-list-padding: 0.125rem 0;
  --p-navigation-list-gap: 0;
  --p-navigation-item-padding: 0.5rem 0.75rem;
  --p-navigation-item-border-radius: 0;
  --p-navigation-item-gap: 0.5rem;
  --p-navigation-submenu-label-padding: 0.5rem 0.75rem;
  --p-navigation-submenu-label-font-weight: 700;
  --p-navigation-submenu-icon-size: 0.875rem;
  --p-primary-color: var(--post-gray-80);
  --p-primary-contrast-color: var(--post-white);
  --p-primary-hover-color: var(--post-gray-60);
  --p-primary-active-color: var(--post-gray-60);
  --p-highlight-background: var(--post-yellow);
  --p-highlight-focus-background: var(--post-yellow);
  --p-highlight-color: var(--post-black);
  --p-highlight-focus-color: var(--post-black);
  --p-mask-background: rgba(0, 0, 0, 0.4);
  --p-mask-color: var(--post-gray-20);
  --p-form-field-background: var(--post-white);
  --p-form-field-disabled-background: var(--post-gray-20);
  --p-form-field-filled-background: var(--post-gray-10);
  --p-form-field-filled-hover-background: var(--post-gray-10);
  --p-form-field-filled-focus-background: var(--post-gray-10);
  --p-form-field-border-color: var(--post-gray-80);
  --p-form-field-hover-border-color: var(--post-black);
  --p-form-field-focus-border-color: var(--post-gray-80);
  --p-form-field-invalid-border-color: var(--post-error);
  --p-form-field-color: var(--post-black);
  --p-form-field-disabled-color: var(--post-gray-60);
  --p-form-field-placeholder-color: var(--post-gray-60);
  --p-form-field-invalid-placeholder-color: var(--post-error);
  --p-form-field-float-label-color: var(--post-gray-60);
  --p-form-field-float-label-focus-color: var(--p-primary-color);
  --p-form-field-float-label-active-color: var(--post-gray-60);
  --p-form-field-float-label-invalid-color: var(--p-form-field-invalid-placeholder-color);
  --p-form-field-icon-color: var(--post-black);
  --p-form-field-shadow: none;
  --p-text-color: var(--post-black);
  --p-text-hover-color: var(--post-gray-80);
  --p-text-muted-color: var(--p-text-color);
  --p-text-hover-muted-color: var(--p-text-hover-color);
  --p-content-background: var(--post-white);
  --p-content-hover-background: var(--post-gray-20);
  --p-content-border-color: var(--post-gray-20);
  --p-content-color: var(--p-text-color);
  --p-content-hover-color: var(--p-text-color);
  --p-list-option-focus-background: var(--post-gray-10);
  --p-list-option-selected-background: var(--p-highlight-background);
  --p-list-option-selected-focus-background: var(--p-highlight-focus-background);
  --p-list-option-color: var(--post-black);
  --p-list-option-focus-color: var(--post-gray-80);
  --p-list-option-selected-color: var(--p-highlight-color);
  --p-list-option-selected-focus-color: var(--p-highlight-focus-color);
  --p-list-option-icon-color: var(--post-gray-60);
  --p-list-option-icon-focus-color: var(--post-gray-60);
  --p-list-option-group-background: transparent;
  --p-list-option-group-color: var(--p-black);
  --p-navigation-item-focus-background: var(--p-primary-color);
  --p-navigation-item-active-background: var(--post-gray-20);
  --p-navigation-item-color: var(--p-text-color);
  --p-navigation-item-focus-color: var(--p-primary-contrast-color);
  --p-navigation-item-active-color: var(--p-text-hover-color);
  --p-navigation-item-icon-color: var(--p-text-muted-color);
  --p-navigation-item-icon-focus-color: var(--p-primary-contrast-color);
  --p-navigation-item-icon-active-color: var(--p-text-hover-muted-color);
  --p-navigation-submenu-label-background: transparent;
  --p-navigation-submenu-label-color: var(--p-text-color);
  --p-navigation-submenu-icon-color: var(--p-text-muted-color);
  --p-navigation-submenu-icon-focus-color: var(--p-primary-contrast-color);
  --p-navigation-submenu-icon-active-color: var(--p-text-hover-muted-color);
}
@include mode.dark {
  p-table,
  .p-datatable-filter-overlay {
    --p-primary-color: var(--post-white);
    --p-primary-contrast-color: var(--post-black);
    --p-primary-hover-color: var(--post-yellow);
    --p-primary-active-color: var(--post-yellow);
    --p-mask-background: rgba(0, 0, 0, 0.6);
    --p-mask-color: var(--post-gray-20);
    --p-form-field-border-color: var(--post-gray-10);
    --p-text-color: var(--post-white);
    --p-text-hover-color: var(--post-white);
    --p-content-background: var(--post-gray-10);
    --p-content-hover-background: var(--p-highlight-background);
    --p-content-hover-color: var(--p-highlight-color);
    --p-content-border-color: var(--post-gray-20);
    --p-list-option-focus-background: var(--post-gray-80);
    --p-list-option-focus-color: var(--post-gray-10);
    --p-list-option-icon-color: var(--post-gray-20);
    --p-list-option-icon-focus-color: var(--post-gray-20);
    --p-navigation-item-active-background: var(--post-gray-60);
    --p-navigation-item-active-color: var(--p-text-color);
  }
}