docuseal/public/intebec.css

/* 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: 216 77% 52%;
  --ib-primary-strong: 216 77% 44%;
  --ib-primary-soft: 216 60% 95%;

  /* Neutrals – the backbone of the UI */
  --ib-neutral: 220 16% 12%;
  --ib-neutral-soft: 220 12% 96%;

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

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

  --s: 220 12% 45%;
  --sf: 220 14% 36%;
  --sc: 0 0% 100%;

  --a: 160 50% 40%;
  --af: 160 50% 34%;
  --ac: 0 0% 100%;

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

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

  --in: 205 80% 50%;
  --su: 154 55% 38%;
  --wa: 38 88% 48%;
  --er: 0 72% 50%;

  /* Radii + shadow */
  --rounded-box: 0.875rem;
  --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;
}