/* Healthcare-oriented palette for hospital and inventory screens. */

:root[data-tf-palette="hospital"] {
  --tf-color-primary: #2563eb;
  --tf-color-primary-hover: #1d4ed8;
  --tf-color-primary-soft: rgba(37, 99, 235, 0.10);

  --tf-color-secondary: #0f766e;
  --tf-color-secondary-hover: #115e59;
  --tf-color-secondary-soft: rgba(15, 118, 110, 0.12);

  --tf-color-success: #15803d;
  --tf-color-warning: #d97706;
  --tf-color-danger: #dc2626;
  --tf-color-info: #0284c7;

  --tf-color-success-soft: rgba(21, 128, 61, 0.12);
  --tf-color-warning-soft: rgba(217, 119, 6, 0.16);
  --tf-color-danger-soft: rgba(220, 38, 38, 0.12);
  --tf-color-info-soft: rgba(2, 132, 199, 0.12);

  --tf-color-gray-50: #25588f;
  --tf-color-gray-100: #f1f5f9;
  --tf-color-gray-200: #e2e8f0;
  --tf-color-gray-300: #cbd5e1;
  --tf-color-gray-400: #94a3b8;
  --tf-color-gray-500: #64748b;
  --tf-color-gray-600: #475569;
  --tf-color-gray-700: #334155;
  --tf-color-gray-800: #1e293b;
  --tf-color-gray-900: #0f172a;

  --tf-bg-body: #f8fafc;
  --tf-bg-surface: #ffffff;
  --tf-bg-muted: #f1f5f9;
  --tf-text-main: #102033;
  --tf-text-muted: #526173;
  --tf-border-color: #dbe4ee;
  --tf-border-color-light: #eef3f8;

  --tf-table-header-bg: #e7f0fb;
  --tf-table-header-color: #102033;
  --tf-table-row-hover-bg: rgba(37, 99, 235, 0.09);
  --tf-table-row-hover-color: #102033;
  --tf-table-row-striped-bg: rgba(15, 118, 110, 0.045);

  --tf-input-bg: #ffffff;
  --tf-input-color: #102033;
  --tf-input-border-color: #cfdbea;
  --tf-input-placeholder-color: #718298;
  --tf-input-hover-border-color: #7fb3ff;
  --tf-input-focus-border-color: var(--tf-color-primary);
  --tf-input-disabled-bg: #edf3f9;
  --tf-input-disabled-color: #78889c;

  --tf-color-cta: #ea580c;
  --tf-color-cta-hover: #c2410c;
  --tf-gradient-brand: linear-gradient(135deg, var(--tf-color-primary) 0%, var(--tf-color-secondary) 100%);
  --tf-gradient-brand-soft: linear-gradient(135deg, rgba(37, 99, 235, 0.08) 0%, rgba(15, 118, 110, 0.08) 100%);
  --tf-gradient-sky: linear-gradient(180deg, #38bdf8 0%, var(--tf-color-secondary) 100%);
  --tf-gradient-sunrise: linear-gradient(90deg, var(--tf-color-cta) 0%, #f59e0b 100%);

  --tf-focus-ring-color: rgba(37, 99, 235, 0.25);
}

:root[data-tf-palette="hospital"][data-theme="dark"] {
  --tf-bg-body: #0f172a;
  --tf-bg-surface: #111827;
  --tf-bg-muted: #1e293b;
  --tf-text-main: #e5edf7;
  --tf-text-muted: #9fb0c3;
  --tf-text-inverse: #7e6969;
  --tf-border-color: rgba(226, 232, 240, 0.12);
  --tf-border-color-light: rgba(226, 232, 240, 0.06);

  --tf-table-header-bg: rgba(96, 165, 250, 0.12);
  --tf-table-header-color: #e5edf7;
  --tf-table-row-hover-bg: rgba(45, 212, 191, 0.11);
  --tf-table-row-hover-color: #e5edf7;
  --tf-table-row-striped-bg: rgba(226, 232, 240, 0.035);

  --tf-input-bg: #162033;
  --tf-input-color: #e5edf7;
  --tf-input-border-color: rgba(191, 219, 254, 0.22);
  --tf-input-placeholder-color: #8ea2ba;
  --tf-input-hover-border-color: rgba(96, 165, 250, 0.62);
  --tf-input-focus-border-color: var(--tf-color-primary);
  --tf-input-disabled-bg: #111827;
  --tf-input-disabled-color: #718096;

  --tf-color-primary: #60a5fa;
  --tf-color-primary-hover: #93c5fd;
  --tf-color-primary-soft: rgba(96, 165, 250, 0.16);

  --tf-color-secondary: #2dd4bf;
  --tf-color-secondary-hover: #5eead4;
  --tf-color-secondary-soft: rgba(45, 212, 191, 0.14);

  --tf-color-info: #38bdf8;
  --tf-color-info-soft: rgba(56, 189, 248, 0.14);
  --tf-color-cta: #fb923c;
  --tf-color-cta-hover: #fdba74;
}
