/*
 * ARQUIVO: assets/theme_totaletica.css
 * VERSÃO: v2.2.0
 * DATA: 2026-03-19
 * DESCRIÇÃO: Clareia e reforça a identidade visual institucional do Total Ética em homolog,
 *            aproximando a percepção visual do website com maior protagonismo do teal do logotipo,
 *            preservando a arquitetura central por variáveis para consumo do módulo canal.
 * OBS: Este bloco de versão não deve ser removido.
 */

:root {
  /* Base, mais clara e menos "navy fechada" */
  --color-bg:             #10313a;
  --color-bg-deep:        #0b252d;
  --color-surface:        #18434e;
  --color-surface-2:      #215764;
  --color-border:         #4fb3ba;

  /* Texto */
  --color-text:           #f7fdfd;
  --color-text-muted:     rgba(247, 253, 253, 0.88);
  --color-text-muted-2:   rgba(247, 253, 253, 0.74);

  /* Marca, mais próxima do teal do logo e com maior protagonismo */
  --color-brand:          #1fcfcb;
  --color-brand-hover:    #16b8b4;
  --color-brand-soft:     rgba(31, 207, 203, 0.24);
  --color-brand-strong:   #0f8e97;
  --color-brand-light:    #95fff5;

  /* Derivadas */
  --color-border-subtle:        rgba(255, 255, 255, 0.16);
  --color-border-subtle-strong: rgba(255, 255, 255, 0.24);
  --color-surface-glass:        rgba(24, 67, 78, 0.90);
  --color-surface-glass-2:      rgba(33, 87, 100, 0.90);
  --color-surface-overlay:      rgba(255, 255, 255, 0.10);
  --color-surface-overlay-soft: rgba(255, 255, 255, 0.06);
  --color-surface-overlay-min:  rgba(255, 255, 255, 0.035);
  --color-actions-bg:           rgba(5, 20, 24, 0.18);

  /* Destaques de marca */
  --color-brand-glow-1:       rgba(31, 207, 203, 0.42);
  --color-brand-glow-2:       rgba(31, 207, 203, 0.28);
  --color-brand-icon-bg:      rgba(31, 207, 203, 0.26);
  --color-brand-icon-border:  rgba(149, 255, 245, 0.68);
  --color-brand-btn-from:     rgba(31, 207, 203, 0.78);
  --color-brand-btn-to:       rgba(31, 207, 203, 0.42);
  --color-brand-btn-border:   rgba(149, 255, 245, 0.86);
  --color-brand-link:         #95fff5;
  --color-brand-link-line:    rgba(149, 255, 245, 0.62);
  --color-brand-link-hover:   rgba(149, 255, 245, 1);

  /* Status */
  --color-success:  #22c55e;
  --color-warning:  #f59e0b;
  --color-danger:   #ef4444;
  --color-info:     #38bdf8;

  --color-warn-bg:           rgba(245, 158, 11, 0.18);
  --color-warn-border:       rgba(245, 158, 11, 0.62);
  --color-warn-badge-bg:     rgba(245, 158, 11, 0.24);
  --color-warn-badge-border: rgba(245, 158, 11, 0.68);
  --color-warn-text:         rgba(247, 253, 253, 0.94);

  /* Layout */
  --shadow-card: 0 24px 60px rgba(0, 0, 0, 0.34);
  --radius-card: 18px;
  --radius-inner: 14px;
  --radius-icon: 9px;
}