/* ═══════════════════════════════════════════════════════════
   ALLREGTECH — Design System v2
   Tema: Institucional Refinado · Roxo Profundo + Dourado
   Tipografia: Outfit (títulos/UI) + Source Serif 4 (brand)
═══════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Sora:wght@400;500;600;700;800&family=Source+Serif+4:wght@600;700&display=swap');

/* ── TOKENS ──────────────────────────────────────────────── */
:root {
  /* Cores primárias */
  --primary:        #394820;
  --primary-dark:   #323e1d;
  --primary-light:  #526533;
  --primary-muted:  #e7efd9;
  --primary-glass:  rgba(56,70,34,0.08);

  /* Acento dourado */
  --accent:         #e6b800;
  --accent-dark:    #b8900a;
  --accent-light:   #ffd84d;
  --accent-muted:   #fff8e0;

  /* Superfícies */
  --bg-body:        #eff1eb;
  --bg-panel:       #f6f8f4;
  --surface:        #ffffff;
  --surface-2:      #f3f4f0;
  --surface-3:      #e5e8e1;

  /* Bordas */
  --border:         #d6dacf;
  --border-strong:  #b8bdaf;

  /* Campos de formulário (fundo levemente cinza + borda visível) — padrão do sistema */
  --field-bg:       #eef1f6;
  --field-border:   #c7cedb;

  /* Fundo dos CARDS (painel continua branco; só os cards ficam em cinza leve) */
  --card-bg:        #f7f7f7;

  /* Largura padrão dos modais (global, para ficarem uniformes) */
  --modal-w:        820px;

  /* Texto */
  --text-main:      #10140b;
  --text-muted:     #5b6250;
  --text-light:     #9da394;

  /* Semânticas */
  --danger:         #c0392b;
  --danger-muted:   #fdf0f0;
  --success:        #1e7e48;
  --success-muted:  #edfaf4;
  --warning:        #c27c00;
  --warning-muted:  #fff8e6;
  --info:           #1556a4;
  --info-muted:     #eef4ff;

  /* Sombras */
  --shadow-xs:  0 1px 3px rgba(56,70,34,0.07);
  --shadow-sm:  0 2px 8px rgba(56,70,34,0.10);
  --shadow:     0 4px 20px rgba(56,70,34,0.13);
  --shadow-lg:  0 8px 36px rgba(56,70,34,0.17);
  --shadow-xl:  0 16px 60px rgba(56,70,34,0.22);

  /* Geometria */
  --radius-xs:  6px;
  --radius-sm:  10px;
  --radius:     16px;
  --radius-lg:  22px;

  /* Tipografia */
  --font-ui:    'Poppins', 'Segoe UI', sans-serif;
  --font-brand: 'Source Serif 4', Georgia, serif;
  --font-login: 'Poppins', 'Segoe UI', sans-serif;

  /* Botões */
  --btn-font:        0.875rem;
  --btn-font-sm:     0.8125rem;
  --btn-font-mini:   0.75rem;
  --btn-pad-y:       9px;
  --btn-pad-x:       18px;
  --btn-pad-y-sm:    5px;
  --btn-pad-x-sm:    12px;
  --btn-pad-y-mini:  3px;
  --btn-pad-x-mini:  8px;
  --btn-radius:      var(--radius-sm);
  --btn-weight:      600;
  --btn-line-height: 1.4;
  --btn-height:      36px;
  --btn-height-sm:   28px;
  --viewport-footer-space: 56px;
  --app-viewport-height: calc(100vh - var(--viewport-footer-space));
}

@supports (height: 100dvh) {
  :root {
    --app-viewport-height: calc(100dvh - var(--viewport-footer-space));
  }
}

/* Legibilidade tema escuro: --text-muted claro sobre fundo escuro (23/07) */
body.theme-dark{ --text-muted:#adba96; }