/* Element Plus → tokens DeTrigo.Next (transição até Ui* substituir EP). */

:root {
  --el-color-primary: var(--cor-marca, #173d35);
  --el-color-primary-light-3: #2a5c50;
  --el-color-primary-light-5: #4a7a6c;
  --el-color-primary-light-7: #9bc0b4;
  --el-color-primary-light-8: #c5ddd4;
  --el-color-primary-light-9: var(--cor-marca-fundo, #e9f4ec);
  --el-color-primary-dark-2: #0f2c27;

  --el-color-success: var(--cor-ok, #1f5f43);
  --el-color-warning: var(--cor-aviso, #8a5a10);
  --el-color-danger: var(--cor-erro, #8f3f38);
  --el-color-info: var(--cor-info, #2d5570);

  --el-text-color-primary: var(--cor-texto, #17312b);
  --el-text-color-regular: var(--cor-texto, #17312b);
  --el-text-color-secondary: var(--cor-texto-suave, #4d5b55);
  --el-text-color-placeholder: var(--cor-texto-fraco, #5b6862);

  --el-border-color: var(--cor-linha, #ded8cc);
  --el-border-color-light: var(--cor-linha-suave, #eee9e0);
  --el-border-color-lighter: var(--cor-linha-suave, #eee9e0);
  --el-border-color-extra-light: var(--cor-superficie-fria, #f2efe8);
  --el-border-color-dark: var(--cor-linha-forte, #c9c2b4);

  --el-bg-color: var(--cor-superficie, #ffffff);
  --el-bg-color-page: var(--cor-fundo, #f4f1ea);
  --el-bg-color-overlay: var(--cor-superficie, #ffffff);

  --el-fill-color: var(--cor-superficie-fria, #f2efe8);
  --el-fill-color-light: var(--cor-superficie-suave, #faf8f4);
  --el-fill-color-blank: var(--cor-superficie, #ffffff);

  --el-border-radius-base: var(--raio-m, 10px);
  --el-border-radius-small: var(--raio-s, 6px);
  --el-border-radius-round: var(--raio-redondo, 999px);

  --el-font-family: var(--letra, Inter, ui-sans-serif, system-ui, sans-serif);
  --el-font-size-base: var(--t-m, 0.9375rem);
  --el-font-size-small: var(--t-s, 0.8125rem);
  --el-font-size-extra-small: var(--t-xs, 0.75rem);
  --el-font-size-large: var(--t-l, 1.125rem);
  --el-component-size: var(--alvo-min, 40px);
  --el-component-size-large: var(--alvo-grande, 56px);
  --el-component-size-small: var(--alvo-compacto, 32px);

  --el-box-shadow: var(--sombra-assente);
  --el-box-shadow-light: var(--sombra-assente);
  --el-box-shadow-dark: var(--sombra-flutuante);
}

.el-button {
  min-height: var(--alvo-min, 40px);
  border-radius: var(--raio-m, 10px);
  font-weight: var(--peso-medio, 550);
}

.el-button--primary {
  --el-button-bg-color: var(--cor-marca, #173d35);
  --el-button-border-color: var(--cor-marca, #173d35);
  --el-button-hover-bg-color: var(--cor-marca-clara, #235347);
  --el-button-hover-border-color: var(--cor-marca-clara, #235347);
}

.el-button--danger {
  --el-button-bg-color: var(--cor-erro-fundo, #fbeceb);
  --el-button-border-color: var(--cor-erro-linha, #eebfba);
  --el-button-text-color: var(--cor-erro, #8f3f38);
  --el-button-hover-bg-color: #f7dedb;
  --el-button-hover-border-color: var(--cor-erro-linha, #eebfba);
  --el-button-hover-text-color: var(--cor-erro, #8f3f38);
}

.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper {
  border-radius: var(--raio-m, 10px) !important;
  min-height: var(--alvo-min, 40px);
  box-shadow: 0 0 0 1px var(--cor-linha-forte, #c9c2b4) inset !important;
}

.el-input__wrapper.is-focus,
.el-select__wrapper.is-focused {
  box-shadow: 0 0 0 1px var(--cor-marca, #173d35) inset, 0 0 0 3px rgba(23, 61, 53, 0.12) !important;
}

.el-form-item__label,
.el-descriptions__label,
.el-radio__label,
.el-checkbox__label {
  color: var(--cor-texto, #17312b) !important;
  font-weight: var(--peso-medio, 550);
}

.el-card {
  border: 1px solid var(--cor-linha, #ded8cc);
  border-radius: var(--raio-l, 14px);
  background: var(--cor-superficie, #ffffff);
  box-shadow: var(--sombra-assente);
}

.el-table {
  --el-table-header-bg-color: var(--cor-superficie-suave, #faf8f4);
  --el-table-header-text-color: var(--cor-texto-suave, #4d5b55);
  --el-table-text-color: var(--cor-texto, #17312b);
  --el-table-border-color: var(--cor-linha, #ded8cc);
  --el-table-row-hover-bg-color: var(--cor-superficie-fria, #f2efe8);
  --el-table-bg-color: var(--cor-superficie, #ffffff);
  font-size: var(--t-m, 0.9375rem);
}

.el-table th.el-table__cell {
  font-size: var(--t-xs, 0.75rem);
  font-weight: var(--peso-forte, 700);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.el-table th.el-table__cell,
.el-table th.el-table__cell .cell {
  color: var(--cor-texto-suave, #4d5b55) !important;
}

.el-table td.el-table__cell,
.el-table td.el-table__cell .cell {
  color: var(--cor-texto, #17312b);
}

.el-dialog,
.el-message-box,
.el-drawer {
  border-radius: var(--raio-l, 14px);
  border: 1px solid var(--cor-linha, #ded8cc);
  box-shadow: var(--sombra-flutuante);
}

.el-dialog__header,
.el-message-box__header {
  color: var(--cor-texto, #17312b);
}

.el-tag {
  border-radius: var(--raio-s, 6px);
}

.el-pagination button,
.el-pager li {
  min-width: var(--alvo-compacto, 32px);
  min-height: var(--alvo-compacto, 32px);
  border-radius: var(--raio-s, 6px);
}

.el-tabs__item {
  min-height: var(--alvo-min, 40px);
  color: var(--cor-texto-suave, #4d5b55);
  font-weight: var(--peso-medio, 550);
}

.el-tabs__item.is-active {
  color: var(--cor-marca, #173d35);
  font-weight: var(--peso-forte, 700);
}

.el-tabs__active-bar {
  background-color: var(--cor-marca, #173d35);
}

.el-select-dropdown__item.is-hovering,
.el-select-dropdown__item:hover {
  background: var(--cor-superficie-fria, #f2efe8);
}

.el-select-dropdown__item.is-selected {
  color: var(--cor-marca, #173d35);
  font-weight: var(--peso-forte, 700);
}

.el-notification,
.el-message {
  border-radius: var(--raio-m, 10px);
  border: 1px solid var(--cor-linha, #ded8cc);
  box-shadow: var(--sombra-flutuante);
}