/* iPA EasyBill — CSS kintamieji (brand spalvos)
 * Primary: raspberry #DB345E (logo/mygtukai) · Secondary: navy #1F2846 (tekstas)
 * Šviesūs fonai ir rėmeliai - švelniai melsvi (kaip Impreza schema EasyBill-Light), ne neutrali pilka
 * Komponentai (core) naudoja šiuos kintamuosius. */

:root {
  /* Primary Colors */
  --ipa-primary: #db345e;
  --ipa-secondary: #1f2846;
  --ipa-primary-dark: #c02a51;
  --ipa-secondary-dark: #151c33;

  /* Background Colors */
  --ipa-bg: #fff;
  --ipa-bg-alt: #eef2f9;
  --ipa-bg-dark: #263041;
  --ipa-bg-alt-dark: #1c2432;
  --ipa-bg-hover: #e8edf7;
  --ipa-bg-hover-dark: #2f3a4d;

  /* Text Colors */
  --ipa-text: #2b2f38;
  --ipa-text-primary: var(--ipa-text);
  --ipa-text-light: #5a6a85;
  --ipa-text-dark: #d4d9e2;
  --ipa-text-light-dark: #a7b0c0;
  --ipa-text-white: #fff;
  --ipa-text-secondary: var(--ipa-text-light);
  --ipa-text-muted: var(--ipa-text-light);

  /* Table Colors */
  --ipa-table-bg: #fff;
  --ipa-table-header-bg: #f4f6fb;
  --ipa-table-border: #dde3ef;
  --ipa-table-text: #495057;
  --ipa-table-bg-dark: #263041;
  --ipa-table-header-bg-dark: #1c2432;
  --ipa-table-border-dark: #3a4560;
  --ipa-table-text-dark: #d4d9e2;

  /* Filter Colors */
  --ipa-filter-bg: #fff;
  --ipa-filter-border: #dde3ef;
  --ipa-filter-text: #495057;
  --ipa-filter-bg-dark: #1c2432;
  --ipa-filter-border-dark: #3a4560;
  --ipa-filter-text-dark: #d4d9e2;

  /* Button Colors */
  --ipa-btn-primary-bg: var(--ipa-primary);
  --ipa-btn-primary-color: #fff;
  --ipa-btn-primary-hover: var(--ipa-primary-dark);
  --ipa-btn-primary-bg-dark: var(--ipa-primary);
  --ipa-btn-primary-color-dark: #fff;
  --ipa-btn-primary-hover-dark: var(--ipa-primary-dark);
  --ipa-btn-secondary-bg: var(--ipa-secondary);
  --ipa-btn-secondary-color: #fff;
  --ipa-btn-secondary-hover: var(--ipa-secondary-dark);
  --ipa-btn-secondary-bg-dark: #37435c;
  --ipa-btn-secondary-color-dark: #d4d9e2;
  --ipa-btn-secondary-hover-dark: #2f3a4d;

  /* Status Colors */
  --ipa-success: #22a06b;
  --ipa-success-bg: #d7f2e6;
  --ipa-success-text: #14663f;
  --ipa-success-border: #b6e6d0;
  --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: #fde7ee;
  --ipa-info-text: #a9264c;
  --ipa-info-border: #f6c3d3;
  --ipa-neutral: #6b7280;
  --ipa-neutral-bg: #eef2f9;
  --ipa-neutral-text: #4b5563;
  --ipa-neutral-border: #dde3ef;
  --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: #fde7ee;
  --ipa-primary-text: #a9264c;
  --ipa-primary-border: #f6c3d3;
  --ipa-secondary-bg: #e8eaf1;
  --ipa-secondary-text: #1f2846;
  --ipa-secondary-border: #cbd0de;

  /* 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(219, 52, 94, 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: #dde3ef;
  --ipa-border-light: #dde3ef;
  --ipa-border-dark: #969696;
  --ipa-border-dark-mode: #3a4560;
}

/* Dark Mode (Impreza .us-color-scheme-on) */
.us-color-scheme-on {
  /* navy kaip teksto spalva tamsiame fone nematoma - šviesesnis atspalvis */
  --ipa-secondary: #a9b8dc;
  --ipa-bg: var(--ipa-bg-dark);
  --ipa-bg-alt: var(--ipa-bg-alt-dark);
  --ipa-bg-hover: var(--ipa-bg-hover-dark);

  --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);

  --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);

  --ipa-filter-bg: var(--ipa-filter-bg-dark);
  --ipa-filter-border: var(--ipa-filter-border-dark);
  --ipa-filter-text: var(--ipa-filter-text-dark);

  --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);

  --ipa-border: var(--ipa-border-dark-mode);
  --ipa-border-light: var(--ipa-border-dark-mode);
  --ipa-shadow: var(--ipa-shadow-dark);

  --ipa-success-bg: #0f2d22;
  --ipa-success-text: #9be5c6;
  --ipa-success-border: #1f5e46;
  --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: #331420;
  --ipa-info-text: #f0a9bf;
  --ipa-info-border: #5e2338;
  --ipa-neutral-bg: #1f2329;
  --ipa-neutral-text: #c0c6d0;
  --ipa-neutral-border: #3a404a;

  --ipa-primary-bg: #331420;
  --ipa-primary-text: #f0a9bf;
  --ipa-primary-border: #5e2338;
  --ipa-secondary-bg: #1c2432;
  --ipa-secondary-text: #aeb6c8;
  --ipa-secondary-border: #37435c;
}