/* IPA Core — bendri CSS kintamieji (įkeliami visada, handle ipa-core-variables). Plugino assets/css/components/variables.css -
   tik prekės ženklo perrašymai (pvz. --ipa-primary, --ipa-font), ne visa šio failo kopija. */

:root {
  /* Primary Colors */
  --ipa-primary: #2a646f;
  --ipa-secondary: #28ba99;
  --ipa-primary-dark: var(--ipa-primary);
  --ipa-secondary-dark: var(--ipa-secondary);

  /* Background Colors */
  --ipa-bg: #fff;
  --ipa-bg-alt: #f2f4f7;
  --ipa-bg-dark: #37474f;
  --ipa-bg-alt-dark: #263238;
  /* Canonical hover background */
  --ipa-bg-hover: #f2f4f7;
  --ipa-bg-hover-dark: #37474f;

  /* Text Colors */
  --ipa-text: #303640;
  --ipa-text-primary: var(--ipa-text);
  --ipa-text-light: #5a6a85;
  --ipa-text-dark: #cfd8dc;
  --ipa-text-light-dark: #a9b3b8;
  --ipa-text-white: #fff;
  /* Common text roles */
  --ipa-text-secondary: var(--ipa-text-light);
  --ipa-text-muted: var(--ipa-text-light);

  /* Table Colors */
  --ipa-table-bg: #fff;
  --ipa-table-header-bg: #f8f9fa;
  --ipa-table-border: #dee2e6;
  --ipa-table-text: #495057;
  --ipa-table-bg-dark: #37474f;
  --ipa-table-header-bg-dark: #1a2725;
  --ipa-table-border-dark: #53636e;
  --ipa-table-text-dark: #cfd8dc;

  /* Filter Colors */
  --ipa-filter-bg: #fff;
  --ipa-filter-border: #dee2e6;
  --ipa-filter-text: #495057;
  --ipa-filter-bg-dark: #263238;
  --ipa-filter-border-dark: #53636e;
  --ipa-filter-text-dark: #cfd8dc;

  /* Button Colors */
  --ipa-btn-primary-bg: var(--ipa-primary);
  --ipa-btn-primary-color: #fff;
  --ipa-btn-primary-hover: var(--ipa-secondary);
  --ipa-btn-primary-bg-dark: var(--ipa-secondary);
  --ipa-btn-primary-color-dark: #fff;
  --ipa-btn-primary-hover-dark: var(--ipa-primary);
  --ipa-btn-secondary-bg: var(--ipa-secondary);
  --ipa-btn-secondary-color: #fff;
  --ipa-btn-secondary-hover: var(--ipa-primary);
  --ipa-btn-secondary-bg-dark: #37474f;
  --ipa-btn-secondary-color-dark: #cfd8dc;
  --ipa-btn-secondary-hover-dark: #34434a;

  /* Status Colors */
  --ipa-success: var(--ipa-secondary);
  --ipa-success-bg: #d4edda;
  --ipa-success-text: #155724;
  --ipa-success-border: #c3e6cb;
  --ipa-warning: #ffc107;
  --ipa-warning-bg: #fff3cd;
  --ipa-warning-text: #856404;
  --ipa-warning-border: #ffeaa7;
  --ipa-danger: #dc3545;
  --ipa-danger-bg: #f8d7da;
  --ipa-danger-text: #721c24;
  --ipa-danger-border: #f5c6cb;
  --ipa-info: var(--ipa-primary);
  --ipa-info-bg: #e6eff1;
  --ipa-info-text: var(--ipa-primary);
  --ipa-info-border: #c6d7db;
  --ipa-neutral: #6b7280;
  --ipa-neutral-bg: #f1f3f5;
  --ipa-neutral-text: #4b5563;
  --ipa-neutral-border: #e0e5ea;
  --ipa-blue: #3b82f6;
  --ipa-blue-bg: #dbeafe;
  --ipa-blue-text: #1e40af;
  --ipa-blue-border: #bfdbfe;
  --ipa-purple: #a855f7;
  --ipa-purple-bg: #f3e8ff;
  --ipa-purple-text: #6b21a8;
  --ipa-purple-border: #e9d5ff;

  /* Primary/Secondary Status Colors */
  --ipa-primary-bg: #e3ecee;
  --ipa-primary-text: #1f4a52;
  --ipa-primary-border: #c7d8dc;
  --ipa-secondary-bg: #def5f0;
  --ipa-secondary-text: #1d9a7c;
  --ipa-secondary-border: #c6ece2;

  /* Shadows */
  --ipa-shadow: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.1),0 0.13rem 0.4rem rgba(0, 0, 0, 0.1);
  --ipa-shadow-hover: 0 6px 24px rgba(40, 186, 153, 0.18),
    0 2px 12px rgba(0, 0, 0, 0.1);
  --ipa-shadow-dark: 0 0.04rem 0.08rem rgba(0, 0, 0, 0.3),
    0 0.13rem 0.4rem rgba(0, 0, 0, 0.3);

  /* Border Colors */
  --ipa-border: #e3e7f0;
  --ipa-border-light: #dee2e6;
  --ipa-border-dark: #969696;
  --ipa-border-dark-mode: #53636e;
}

/* Dark Mode */
.us-color-scheme-on {
  /* Background Colors */
  --ipa-bg: var(--ipa-bg-dark);
  --ipa-bg-alt: var(--ipa-bg-alt-dark);
  --ipa-bg-hover: var(--ipa-bg-hover-dark);

  /* Text Colors */
  --ipa-text: var(--ipa-text-dark);
  --ipa-text-light: var(--ipa-text-light-dark);
  --ipa-text-secondary: var(--ipa-text-light-dark);
  --ipa-text-muted: var(--ipa-text-light-dark);

  /* Table Colors */
  --ipa-table-bg: var(--ipa-table-bg-dark);
  --ipa-table-header-bg: var(--ipa-table-header-bg-dark);
  --ipa-table-border: var(--ipa-table-border-dark);
  --ipa-table-text: var(--ipa-table-text-dark);

  /* Filter Colors */
  --ipa-filter-bg: var(--ipa-filter-bg-dark);
  --ipa-filter-border: var(--ipa-filter-border-dark);
  --ipa-filter-text: var(--ipa-filter-text-dark);

  /* Button Colors */
  --ipa-btn-primary-bg: var(--ipa-btn-primary-bg-dark);
  --ipa-btn-primary-color: var(--ipa-btn-primary-color-dark);
  --ipa-btn-primary-hover: var(--ipa-btn-primary-hover-dark);
  --ipa-btn-secondary-bg: var(--ipa-btn-secondary-bg-dark);
  --ipa-btn-secondary-color: var(--ipa-btn-secondary-color-dark);
  --ipa-btn-secondary-hover: var(--ipa-btn-secondary-hover-dark);

  /* Border Colors */
  --ipa-border: var(--ipa-border-dark-mode);
  --ipa-border-light: var(--ipa-border-dark-mode);

  /* Shadows */
  --ipa-shadow: var(--ipa-shadow-dark);

  /* Status Colors (Dark Mode Overrides) */
  --ipa-success-bg: #0f2d28;
  --ipa-success-text: #9be5d2;
  --ipa-success-border: #1f5e50;
  --ipa-warning-bg: #3a2e0b;
  --ipa-warning-text: #f5d487;
  --ipa-warning-border: #6a5a2a;
  --ipa-danger: #ff6b6b;
  --ipa-danger-bg: #3a1216;
  --ipa-danger-text: #f2a5ad;
  --ipa-danger-border: #6a2a32;
  --ipa-info-bg: #12262a;
  --ipa-info-text: #8ec3cc;
  --ipa-info-border: #224a52;
  --ipa-neutral-bg: #1f2329;
  --ipa-neutral-text: #c0c6d0;
  --ipa-neutral-border: #3a404a;
  --ipa-blue-bg: #172554;
  --ipa-blue-text: #93c5fd;
  --ipa-blue-border: #1e3a5f;
  --ipa-purple-bg: #2e1065;
  --ipa-purple-text: #d8b4fe;
  --ipa-purple-border: #3b1f6e;

  /* Primary/Secondary (Dark Mode) */
  --ipa-primary-bg: #102328;
  --ipa-primary-text: #89b3bb;
  --ipa-primary-border: #1f4750;
  --ipa-secondary-bg: #0f2823;
  --ipa-secondary-text: #8adac6;
  --ipa-secondary-border: #1f584a;
}