/**
 * Per-tenant branding via CSS custom properties (navy / green / accent).
 * Fetches /auth/me and applies tenant.primaryColor + secondaryColor.
 */
:root {
  --cf-navy: #0f2744;
  --cf-navy-soft: #1e3a5f;
  --cf-primary: #0d9488;
  --cf-primary-hover: #0f766e;
  --cf-secondary: #22c55e;
  --cf-accent: #2dd4bf;
  --cf-chart-1: #0d9488;
  --cf-chart-2: #22c55e;
  --cf-chart-3: #2dd4bf;
  --cf-chart-4: #14b8a6;
}

html[data-tenant-branded="1"] {
  --cf-primary: var(--tenant-primary, #0d9488);
  --cf-primary-hover: var(--tenant-primary-hover, #0f766e);
  --cf-secondary: var(--tenant-secondary, #22c55e);
  --cf-accent: var(--tenant-accent, #2dd4bf);
  --cf-navy: var(--tenant-navy, #0f2744);
}

/* Dashboard — primary actions & accents */
html[data-tenant-branded="1"] .cleanform-dashboard main a[class*="bg-blue-600"],
html[data-tenant-branded="1"] .cleanform-dashboard main button[class*="bg-blue-600"] {
  background-color: var(--cf-primary) !important;
  box-shadow: 0 10px 25px -5px color-mix(in srgb, var(--cf-primary) 35%, transparent) !important;
}

html[data-tenant-branded="1"] .cleanform-dashboard main a[class*="hover:bg-blue-500"]:hover,
html[data-tenant-branded="1"] .cleanform-dashboard main button[class*="hover:bg-blue-500"]:hover {
  background-color: var(--cf-primary-hover) !important;
}

html[data-tenant-branded="1"] .cleanform-dashboard aside a[aria-current="page"] {
  color: var(--cf-accent) !important;
  border-color: color-mix(in srgb, var(--cf-primary) 40%, transparent) !important;
}

html[data-tenant-branded="1"] .cleanform-dashboard [class*="text-emerald-400"],
html[data-tenant-branded="1"] .cleanform-dashboard [class*="text-teal-400"] {
  color: var(--cf-secondary) !important;
}

html[data-tenant-branded="1"] .cleanform-dashboard [class*="border-emerald-500"] {
  border-color: color-mix(in srgb, var(--cf-secondary) 40%, transparent) !important;
}

/* Tremor / Recharts widgets inherit chart palette */
html[data-tenant-branded="1"] .cf-tremor-root {
  --tremor-brand: var(--cf-primary);
  --tremor-brand-emphasis: var(--cf-primary-hover);
  --tremor-brand-inverted: var(--cf-accent);
}

/* Form builder Tremor widgets */
html[data-tenant-branded="1"] .tr-field-widget,
html[data-tenant-branded="1"] .tr-upload-card {
  border-color: color-mix(in srgb, var(--cf-primary) 25%, #e2e8f0) !important;
}

html[data-tenant-branded="1"] .tr-doc-badge {
  background: color-mix(in srgb, var(--cf-primary) 12%, white) !important;
  color: var(--cf-navy) !important;
}

/* Embed pages */
html[data-tenant-branded="1"] body {
  accent-color: var(--cf-primary);
}