html[data-ci-theme="claro"] {
  --ci-body-bg: #eef2f7;
  --ci-body-bg-soft: rgba(255, 255, 255, 0.78);
  --ci-surface: #ffffff;
  --ci-surface-soft: rgba(255, 255, 255, 0.84);
  --ci-surface-alt: #f6f8fb;
  --ci-surface-strong: #e8edf5;
  --ci-text: #1f2937;
  --ci-text-muted: #64748b;
  --ci-link-color: #0f4bbd;
  --ci-link-hover: #b24027;
  --ci-border: rgba(15, 23, 42, 0.12);
  --ci-border-strong: rgba(15, 23, 42, 0.18);
  --ci-shadow-soft: 0 5px 16px rgba(15, 23, 42, 0.06);
  --ci-shadow: 0 12px 30px rgba(15, 23, 42, 0.11);
  --ci-shadow-strong: 0 18px 40px rgba(15, 23, 42, 0.16);
  --ci-header-bg: rgba(255, 255, 255, 0.86);
  --ci-header-text: #475569;
  --ci-header-muted: #64748b;
  --ci-header-border: rgba(148, 163, 184, 0.22);
  --ci-panel-bg: rgba(255, 255, 255, 0.48);
  --ci-panel-border: rgba(255, 255, 255, 0.38);
  --ci-help-bg: #f4efc6;
  --ci-help-text: #444444;
  --ci-help-border: #666699;
  --ci-striped-bg: #f6f8fb;
  --ci-cabine-text: #ffffff;
  --ci-cabine-display-bg: #ffffff;
  --ci-cabine-display-fg: #1f2937;
  --ci-card-title: #1f2937;
  --ci-card-subtitle: #64748b;
  --ci-top-accent: rgba(13, 110, 253, 0.16);
  --ci-overlay-bg: rgba(2, 6, 23, 0.55);
  --ci-theme-chip-bg: rgba(13, 110, 253, 0.08);
  --ci-theme-chip-border: rgba(13, 110, 253, 0.16);
  --ci-theme-chip-active-bg: linear-gradient(
    135deg,
    rgba(13, 110, 253, 0.14),
    rgba(13, 110, 253, 0.28)
  );
  --ci-theme-chip-active-border: rgba(13, 110, 253, 0.44);
  --ci-body-image-overlay: rgba(255, 255, 255, 0);
  --ci-img-filter-panel: none;
  --ci-alert-fg: #7c2d12;
  --ci-alert-bg: rgba(255, 251, 235, 0.92);
  --ci-alert-border: rgba(245, 158, 11, 0.22);
  --ci-sem-bar-bg: var(--ci-custom-cor-barras, #3a5f8c);
  --ci-sem-bar-bg-end: color-mix(
    in srgb,
    var(--ci-custom-cor-barras, #3a5f8c) 72%,
    white
  );
  --ci-sem-bar-fg: #ffffff;
  --ci-sem-group-bg: var(--ci-custom-cor-div-in, #3a5f8c);
  --ci-sem-group-bg-end: color-mix(
    in srgb,
    var(--ci-custom-cor-div-out, #4e6f98) 72%,
    white
  );
  --ci-sem-group-hover-bg: color-mix(
    in srgb,
    var(--ci-custom-cor-div-out, #4e6f98) 88%,
    white
  );
  --ci-sem-group-hover-bg-end: color-mix(
    in srgb,
    var(--ci-custom-cor-div-out, #4e6f98) 64%,
    white
  );
  --ci-sem-group-fg: #ffffff;
  --ci-sem-list-head-bg: color-mix(
    in srgb,
    var(--ci-custom-cor-lista-cab, #d9e0e8) 78%,
    var(--ci-surface)
  );
  --ci-sem-list-head-fg: var(--ci-text);
  --ci-sem-list-row-bg: color-mix(
    in srgb,
    var(--ci-custom-cor-lista-lin, #edf2f7) 58%,
    var(--ci-surface)
  );
  --ci-sem-list-row-alt-bg: color-mix(
    in srgb,
    var(--ci-custom-cor-lista-lin, #edf2f7) 42%,
    var(--ci-surface)
  );
  --ci-sem-list-row-fg: var(--ci-text);
  --ci-sem-list-row-alt-fg: var(--ci-text);
  --ci-legacy-bar-start: var(--ci-sem-bar-bg);
  --ci-legacy-bar-end: var(--ci-sem-bar-bg-end);
  --ci-legacy-group-start: var(--ci-sem-group-bg);
  --ci-legacy-group-end: var(--ci-sem-group-bg-end);
  --ci-legacy-head-bg: var(--ci-sem-list-head-bg);
  --ci-legacy-list-bg: var(--ci-sem-list-row-bg);
}