/* VERIK / sistema cromático de referência / v0.1
   Status: direção candidata. Validar percepção e usos reais antes de congelar.
   A aplicação usa tokens semânticos, não HEX dispersos nos componentes. */

:root {
  --verik-green-deep: #10241B;
  --verik-green-brand: #2B3D28;
  --verik-burgundy: #672D29;
  --verik-brass: #8E6B3C;
  --verik-brass-light: #D8B47F;
  --verik-ivory: #D8D4C7;
  --verik-paper: #F7F4EC;
  --verik-canvas: #F1ECE1;
  --verik-white: #FFFFFF;
  --verik-ink: #18231B;
  --verik-muted: #566153;
  --verik-border: #D7D1C5;
  --verik-input-border: #758071;
  --verik-focus: #2F6BA0;
  --verik-focus-dark: #A7D5EE;
  --verik-success: #206246;
  --verik-success-bg: #E6F4EC;
  --verik-warning: #815400;
  --verik-warning-bg: #F9EECB;
  --verik-danger: #A12A32;
  --verik-danger-bg: #FAE6E9;
  --verik-info: #175A79;
  --verik-info-bg: #E6F2F7;

  /* Tokens semânticos */
  --verik-brand-primary: var(--verik-green-brand);
  --verik-brand-deep: var(--verik-green-deep);
  --verik-brand-secondary: var(--verik-burgundy);
  --verik-brand-metal: var(--verik-brass);
  --verik-page-bg: var(--verik-paper);
  --verik-surface-subtle: var(--verik-canvas);
  --verik-surface-card: var(--verik-white);
  --verik-text-primary: var(--verik-ink);
  --verik-text-secondary: var(--verik-muted);
  --verik-text-on-dark: var(--verik-paper);
  --verik-primary-button-bg: var(--verik-green-brand);
  --verik-primary-button-text: var(--verik-paper);
}

/* Contextos. Adicionar uma destas classes no contêiner raiz. */
.verik-site, .verik-app {
  color: var(--verik-text-primary);
  background: var(--verik-page-bg);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.5;
}
.verik-site .verik-display {
  font-family: Georgia, "Times New Roman", serif; /* Provisório: definir família licenciada após teste tipográfico. */
  line-height: 1.07;
  letter-spacing: -0.035em;
}
.verik-site .verik-hero {
  color: var(--verik-paper);
  background: var(--verik-green-deep);
}
.verik-site .verik-hero .verik-display,
.verik-site .verik-hero .verik-lead { color: var(--verik-paper); }
.verik-site .verik-section { background: var(--verik-paper); color: var(--verik-ink); }
.verik-site .verik-section--alternate { background: var(--verik-canvas); }
.verik-site .verik-editorial-accent { color: var(--verik-burgundy); }
.verik-site .verik-metal-decoration { background: var(--verik-brass); }

.verik-app .verik-sidebar { background: var(--verik-green-deep); color: var(--verik-paper); }
.verik-app .verik-workspace { background: var(--verik-paper); color: var(--verik-ink); }
.verik-app .verik-card { background: var(--verik-white); color: var(--verik-ink); border: 1px solid var(--verik-border); border-radius: 12px; }
.verik-app .verik-navigation-active { background: var(--verik-green-brand); color: var(--verik-paper); border-left: 3px solid var(--verik-brass-light); }
.verik-app .verik-table tbody tr:nth-child(even) { background: var(--verik-paper); }
.verik-app .verik-data-strong { color: var(--verik-green-brand); }

.verik-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; border-radius: 10px; padding: .75rem 1.1rem; font: inherit; font-weight: 600; cursor: pointer; }
.verik-button--primary { color: var(--verik-primary-button-text); background: var(--verik-primary-button-bg); border: 1px solid var(--verik-primary-button-bg); }
.verik-button--primary:hover { background: var(--verik-green-deep); }
.verik-button--secondary { color: var(--verik-green-brand); background: transparent; border: 1px solid var(--verik-green-brand); }
.verik-hero .verik-button--primary { color: var(--verik-green-deep); background: var(--verik-paper); border-color: var(--verik-paper); }
.verik-input { color: var(--verik-ink); background: var(--verik-white); border: 1px solid var(--verik-input-border); border-radius: 8px; padding: .65rem .85rem; }

.verik-site :is(button, a, input, select, textarea):focus-visible,
.verik-app :is(button, a, input, select, textarea):focus-visible { outline: 3px solid var(--verik-focus); outline-offset: 3px; }
.verik-hero :is(button, a, input, select, textarea):focus-visible,
.verik-sidebar :is(button, a, input, select, textarea):focus-visible { outline-color: var(--verik-focus-dark); }

.verik-status { display: inline-flex; align-items: center; gap: .35rem; border-radius: 8px; padding: .25rem .6rem; font-size: .85em; font-weight: 600; }
.verik-status--success { color: var(--verik-success); background: var(--verik-success-bg); }
.verik-status--warning { color: var(--verik-warning); background: var(--verik-warning-bg); }
.verik-status--danger { color: var(--verik-danger); background: var(--verik-danger-bg); }
.verik-status--info { color: var(--verik-info); background: var(--verik-info-bg); }

/* Regras de governança:
   1. Vinho NÃO significa erro. Dourado NÃO significa alerta.
   2. Nenhum estado pode depender só de cor: incluir rótulo e/ou ícone.
   3. Latão #8E6B3C sobre papel #F7F4EC tem 4.42:1: insuficiente para texto normal AA.
   4. Sobre fotografia, utilizar sobreposição escura e medir contraste na área do texto.
   5. Evitar fundos verdes em grandes superfícies de trabalho densas.
*/