/*
 * Tokens do design system IT4US (PRD 16.2).
 * Fonte: docs/design-system/it4us-design-system-cores.html — não altere estes valores aqui sem
 * alterar a fonte. Contraste verificado por services/web/tests/test_design_tokens.py (T1.11).
 */
:root {
  /* ---------------------------------------------------------------- Brand */
  --color-brand-50: #E8F5E9;
  --color-brand-100: #D4EDDA;
  --color-brand-500: #30812F;   /* primária: CTAs, links, ícones ativos */
  --color-brand-600: #236122;   /* hover */
  --color-brand-700: #1F5C1E;   /* hover escuro */
  --color-accent: #4ADE80;      /* SOMENTE sobre fundo escuro */

  /* ---------------------------------------------------------------- Text */
  --color-text-strong: #111827;
  --color-text: #1A1A1A;
  --color-text-secondary: #374151;
  --color-text-muted: #6B7280;
  --color-text-on-dark: #9CA3AF;

  /* ---------------------------------------------------------------- Surface & border */
  --color-surface: #FFFFFF;
  --color-surface-dark: #111815;     /* sidebar e editor de código */
  --color-surface-subtle: #F8F8F8;
  --color-border: #E5E7EB;
  --color-border-on-dark: rgba(255, 255, 255, 0.08);
  --color-overlay: rgba(0, 0, 0, 0.45);

  /* ---------------------------------------------------------------- Feedback */
  --color-success: #27AE60;   /* só ícones e bordas: 2,9:1 sobre branco, reprova como texto */
  --color-error: #C0392B;

  /* ---------------------------------------------------------------- Elevation */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 8px 40px rgba(0, 0, 0, 0.13);
  --shadow-brand: 0 4px 16px rgba(48, 129, 47, 0.4);

  /* ---------------------------------------------------------------- Typography */
  --f-head: "Yantramanav", system-ui, sans-serif;
  --f-label: "Syne", system-ui, sans-serif;
  --f-body: "Manrope", system-ui, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, monospace;  /* adição do produto (editor) */

  /*
   * ---------------------------------------------------------------- Adições do produto
   * Não existem no design system. [SUPOSIÇÃO] propostas, aguardando aprovação do design
   * (PRD Q2). Todas passam WCAG AA com o texto que as acompanha.
   */
  --color-warning: #975A16;              /* findings warning, maturidade L1–L2 */
  --color-warning-bg: #FEF6E7;
  --color-info: #2B6CB0;                 /* findings info, rascunho */
  --color-info-bg: #EEF5FC;
  --color-error-bg: #FBEDEB;             /* já usado no próprio design system */
  --color-surface-dark-raised: #1B2620;  /* hover/ativo sobre surface-dark (sidebar) */
}