/* farpa-ds-core · core/themes-hc.css · v1.0 · 2026-05-02
   origem: AI/tokens.css §3 (HC override) + §5 (Wave 17 components HC)
   ==========================================================================
   ALTO CONTRASTE — invariante U2 Nível 1 absoluto (ADR 022).
   Default ecossistema: PRETO + BRANCO + LARANJA #FF6B1A (paleta canônica
   farpa Wave 19, validada WCAG AAA). Cada produto pode override em
   ds/themes-produto.css se sua marca exigir paleta HC distinta — DESDE QUE
   passe WCAG AAA (não apenas AA) e mantenha toggle no header.

   Trigger: html[data-theme="hc"] ou body[data-theme="hc"].
   Pré-render: <script src="ds/components-core/toggle-hc.js"> em <head>
   (lê localStorage antes do paint para evitar flash).

   Não-negociável: U2 é Nível 1. Sem HC = produto não passa F0.
*/

:root[data-theme="hc"],
[data-theme="hc"] {

  /* ============================================================ */
  /* PALETA HC — preto/branco/laranja absolutos                     */
  /* ============================================================ */
  --color-bg:        #000000;
  --color-ink:       #FFFFFF;
  --color-accent:    #FF6B1A;     /* laranja farpa canônico Wave 19 */
  --color-neutral-1: #1A1A1A;
  --color-neutral-2: #2A2A2A;
  --color-neutral-3: #CCCCCC;
  --color-neutral-4: #AAAAAA;
  --color-success:   #00FF88;
  --color-warn:      #FFD700;
  --color-error:     #FF4444;

  /* ============================================================ */
  /* SEMÂNTICOS DE SUPERFÍCIE                                        */
  /* ============================================================ */
  --bg:        #000000;
  --bg-2:      #1A1A1A;
  --bg-3:      #2A2A2A;
  --surface:   #111111;

  /* ============================================================ */
  /* SEMÂNTICOS DE TEXTO (contraste ≥ 12:1 contra --bg)             */
  /* ============================================================ */
  --text-1:    #FFFFFF;
  --text-2:    #F0F0F0;
  --text-3:    #CCCCCC;
  --text-4:    #AAAAAA;

  /* ============================================================ */
  /* DESTAQUE                                                         */
  /* ============================================================ */
  --accent:     #FF6B1A;
  --accent-bg:  #1A0A00;

  /* ============================================================ */
  /* ESTADOS                                                          */
  /* ============================================================ */
  --state-success:  #00FF88;
  --state-warn:     #FFD700;
  --state-error:    #FF4444;

  /* ============================================================ */
  /* BORDAS                                                           */
  /* ============================================================ */
  --border-color:   #444444;
  --border-subtle:  #333333;

  /* ============================================================ */
  /* SOMBRAS — substituídas por outline (HC sem profundidade)        */
  /* ============================================================ */
  --shadow-sm:  none;
  --shadow-md:  0 0 0 1px var(--accent);
  --shadow-lg:  0 0 0 2px var(--accent);

  /* ============================================================ */
  /* FOCUS RING — branco em HC garante visibilidade máxima           */
  /* ============================================================ */
  --focus-ring-color: #FFFFFF;
}
