/* Intébec theme overrides for DocuSeal (DaisyUI/Tailwind)
   Scope: only when docuseal theme is active.
   v2 – Professional, restrained palette. Blue reserved for primary actions only. */

[data-theme="docuseal"] {
  /* Brand – used sparingly */
  --ib-primary: var(--wl-ib-primary, 216 77% 52%);
  --ib-primary-strong: var(--wl-ib-primary-strong, 216 77% 44%);
  --ib-primary-soft: var(--wl-ib-primary-soft, 216 60% 95%);

  /* Neutrals – the backbone of the UI */
  --ib-neutral: var(--wl-ib-neutral, 220 16% 12%);
  --ib-neutral-soft: var(--wl-ib-neutral-soft, 220 12% 96%);

  --ib-bg: var(--wl-ib-bg, 220 14% 98%);
  --ib-surface: var(--wl-ib-surface, 0 0% 100%);
  --ib-surface-2: var(--wl-ib-surface-2, 220 14% 96%);
  --ib-border: var(--wl-ib-border, 220 10% 88%);
  --ib-text: var(--wl-ib-text, 220 14% 10%);
  --ib-text-secondary: var(--wl-ib-text-secondary, 220 8% 40%);
  --ib-muted: var(--wl-ib-muted, 220 6% 55%);

  /* DaisyUI theme tokens (H S L space-separated) */
  --p: var(--wl-p, var(--ib-primary));
  --pf: var(--wl-pf, var(--ib-primary-strong));
  --pc: var(--wl-pc, 0 0% 100%);

  --s: var(--wl-s, 220 12% 45%);
  --sf: var(--wl-sf, 220 14% 36%);
  --sc: var(--wl-sc, 0 0% 100%);

  --a: var(--wl-a, 160 50% 40%);
  --af: var(--wl-af, 160 50% 34%);
  --ac: var(--wl-ac, 0 0% 100%);

  --n: var(--wl-n, var(--ib-neutral));
  --nf: var(--wl-nf, 220 16% 8%);
  --nc: var(--wl-nc, 0 0% 100%);

  --b1: var(--wl-b1, var(--ib-surface));
  --b2: var(--wl-b2, var(--ib-surface-2));
  --b3: var(--wl-b3, 220 12% 93%);
  --bc: var(--wl-bc, var(--ib-text));

  --in: var(--wl-in, 205 80% 50%);
  --su: var(--wl-su, 154 55% 38%);
  --wa: var(--wl-wa, 38 88% 48%);
  --er: var(--wl-er, 0 72% 50%);

  /* Radii + shadow */
  --rounded-box: 0.875rem;
  --rounded-btn: var(--wl-rounded-btn, 0.625rem);
  --rounded-badge: 9999px;
}

/* ─── Global polish ─── */
html, body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-theme="docuseal"] body {
  background: hsl(var(--ib-bg));
  color: hsl(var(--ib-text));
}

/* ─── Links: dark by default, blue only on hover ─── */
[data-theme="docuseal"] a {
  color: hsl(var(--ib-text));
  transition: color 0.15s ease;
}
[data-theme="docuseal"] a:hover {
  color: hsl(var(--ib-primary));
}

/* Sidebar nav links — neutral dark, not blue */
[data-theme="docuseal"] aside a,
[data-theme="docuseal"] nav a,
[data-theme="docuseal"] .menu a {
  color: hsl(var(--ib-text-secondary));
  font-weight: 500;
}
[data-theme="docuseal"] aside a:hover,
[data-theme="docuseal"] nav a:hover,
[data-theme="docuseal"] .menu a:hover {
  color: hsl(var(--ib-text));
  background: hsl(var(--ib-neutral-soft));
}
/* Active sidebar item */
[data-theme="docuseal"] aside a.active,
[data-theme="docuseal"] aside a[aria-current],
[data-theme="docuseal"] .menu a.active {
  color: hsl(var(--ib-primary));
  font-weight: 600;
  background: hsl(var(--ib-primary-soft));
}

/* ─── Navbar / header ─── */
[data-theme="docuseal"] .navbar,
[data-theme="docuseal"] header {
  background: hsl(var(--ib-surface));
  border-bottom: 1px solid hsl(var(--ib-border));
}

/* ─── Cards / panels ─── */
[data-theme="docuseal"] .card,
[data-theme="docuseal"] .modal-box,
[data-theme="docuseal"] .rounded-box,
[data-theme="docuseal"] .bg-base-100 {
  background: hsl(var(--ib-surface));
  border: 1px solid hsl(var(--ib-border));
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 0 4px 12px rgba(0, 0, 0, 0.03);
}

[data-theme="docuseal"] .bg-base-200 {
  background: hsl(var(--ib-surface-2));
}

/* ─── Headings ─── */
[data-theme="docuseal"] h1,
[data-theme="docuseal"] h2,
[data-theme="docuseal"] h3,
[data-theme="docuseal"] h4 {
  color: hsl(var(--ib-text));
  font-weight: 700;
}

/* ─── Labels & secondary text ─── */
[data-theme="docuseal"] label,
[data-theme="docuseal"] .label-text {
  color: hsl(var(--ib-text-secondary));
  font-weight: 500;
}

/* ─── Buttons ─── */
[data-theme="docuseal"] .btn {
  border-radius: var(--rounded-btn);
  font-weight: 600;
  letter-spacing: 0.15px;
  border-width: 1px;
  transition: all 0.15s ease;
}

/* Primary – the only blue button */
[data-theme="docuseal"] .btn-primary,
[data-theme="docuseal"] .base-button {
  background: hsl(var(--ib-primary));
  border-color: hsl(var(--ib-primary));
  color: white;
  box-shadow: 0 1px 3px rgba(37, 99, 235, 0.25);
}
[data-theme="docuseal"] .btn-primary:hover,
[data-theme="docuseal"] .base-button:hover {
  background: hsl(var(--ib-primary-strong));
  border-color: hsl(var(--ib-primary-strong));
  box-shadow: 0 2px 6px rgba(37, 99, 235, 0.30);
}

/* Neutral button – dark, professional */
[data-theme="docuseal"] .btn-neutral {
  background: hsl(var(--ib-neutral));
  border-color: hsl(var(--ib-neutral));
  color: white;
}
[data-theme="docuseal"] .btn-neutral:hover {
  filter: brightness(1.1);
}

/* Outline / ghost */
[data-theme="docuseal"] .btn-outline {
  background: transparent;
  border-color: hsl(var(--ib-border));
  color: hsl(var(--ib-text));
}
[data-theme="docuseal"] .btn-outline:hover {
  background: hsl(var(--ib-neutral-soft));
  border-color: hsl(220 10% 80%);
  color: hsl(var(--ib-text));
}

/* White button */
[data-theme="docuseal"] .white-button {
  border-radius: var(--rounded-btn);
  background: hsl(var(--ib-surface));
  border: 1px solid hsl(var(--ib-border));
  color: hsl(var(--ib-text));
  font-weight: 600;
}
[data-theme="docuseal"] .white-button:hover {
  background: hsl(var(--ib-surface-2));
}

/* ─── Badges ─── */
[data-theme="docuseal"] .badge {
  border-radius: var(--rounded-badge);
  font-weight: 600;
  font-size: 0.75rem;
  letter-spacing: 0.2px;
}
[data-theme="docuseal"] .badge-success {
  background: hsl(154 50% 93%);
  border-color: hsl(154 35% 82%);
  color: hsl(154 45% 22%);
}
[data-theme="docuseal"] .badge-info {
  background: hsl(205 70% 94%);
  border-color: hsl(205 45% 84%);
  color: hsl(205 60% 22%);
}
[data-theme="docuseal"] .badge-warning {
  background: hsl(38 80% 93%);
  border-color: hsl(38 55% 82%);
  color: hsl(38 60% 22%);
}
[data-theme="docuseal"] .badge-error {
  background: hsl(0 70% 94%);
  border-color: hsl(0 45% 84%);
  color: hsl(0 55% 24%);
}

/* ─── Inputs ─── */
[data-theme="docuseal"] .input,
[data-theme="docuseal"] .select,
[data-theme="docuseal"] .textarea {
  border-radius: 0.625rem;
  border-color: hsl(var(--ib-border));
  background: hsl(var(--ib-surface));
  color: hsl(var(--ib-text));
}
[data-theme="docuseal"] .input:focus,
[data-theme="docuseal"] .select:focus,
[data-theme="docuseal"] .textarea:focus,
[data-theme="docuseal"] .input:focus-visible,
[data-theme="docuseal"] .select:focus-visible,
[data-theme="docuseal"] .textarea:focus-visible {
  outline: none;
  border-color: hsl(var(--ib-primary));
  box-shadow: 0 0 0 3px hsla(216, 77%, 52%, 0.12);
}

/* ─── Tables ─── */
[data-theme="docuseal"] .table :where(th, td) {
  border-color: hsl(var(--ib-border));
  color: hsl(var(--ib-text));
}
[data-theme="docuseal"] .table thead th {
  background: hsl(var(--ib-surface-2));
  color: hsl(var(--ib-text-secondary));
  font-weight: 600;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
}

/* ─── Separators ─── */
[data-theme="docuseal"] .divider,
[data-theme="docuseal"] hr {
  border-color: hsl(var(--ib-border));
}

/* ─── Dropzone ─── */
[data-theme="docuseal"] [class*="border-dashed"] {
  border-color: hsl(220 10% 82%);
}

/* ─── Root fallbacks ─── */
:root {
  --b1: 0 0% 100% !important;
  --b2: 220 14% 96% !important;
  --b3: 220 12% 93% !important;
}