/* Paleta canônica: documentação pública e espaço API. */
  /* ═══════════ 1 · tokens ═══════════ */

  :root {
    --ground:      #F6F8F9;
    --surface:     #FFFFFF;
    --surface-alt: #EFF3F4;
    --ink:         #16202B;
    --ink-soft:    #4A5C6B;
    --ink-faint:   #7E8F9B;
    --rule:        #DCE3E7;
    --rule-strong: #C3CED4;
    --accent:      #0F6B5C;
    --accent-soft: #E4F0EC;
    --money:       #B45309;
    --money-soft:  #FBF0E0;
    --danger:      #9F1239;
    --danger-soft: #FBE9EE;
    --code-bg:     #12262C;
    --code-ink:    #DCE8E6;

    /* Tintas da view compartilhada de fonte — as que não se derivam das de cima. Ver seção 4. */
    --api-sobre-acao:         #FFFFFF;
    --api-atencao-bg:         #FBF6EC;
    --api-atencao-borda:      #E8D5B0;
    --api-atencao-texto:      #8A4409;
    --api-ok-bg-suave:        #EEF6F3;
    --api-ok-borda:           #BEDCD4;
    --api-critico-bg-suave:   #FBEFF2;
    --api-critico-borda:      #EFC9D3;
    --api-codigo-cabecalho:   #193238;
    --api-codigo-borda:       #22434A;
    --api-codigo-borda-forte: #35595F;

    /* Largura da casca INTEIRA — cabeçalho, faixa de aviso, rodapé, guia e a view compartilhada de
       fonte leem daqui. Está em 1320 e não em 1180 por causa da página de fonte: lá dentro a mesma
       linha carrega índice (190) + prosa + painel de código (340), e a 1180 sobravam 486px medidos
       para o texto — coluna de leitura espremida entre duas colunas de serviço. Trocar num lugar só
       é o ponto de ter o token: as cinco medidas continuam batendo entre si. */
    --doc-largura: 1320px;

    --measure: 68ch;
    --step--1: 0.875rem;
    --step-0:  1rem;
    --step-1:  1.22rem;
    --step-2:  1.55rem;
    --step-3:  2.05rem;
    --step-4:  2.7rem;

    color-scheme: light;
  }

  @media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) {
      --ground:      #10161B;
      --surface:     #171F26;
      --surface-alt: #1E282F;
      --ink:         #E6ECEF;
      --ink-soft:    #A3B4BF;
      --ink-faint:   #7A8B96;
      --rule:        #2A363F;
      --rule-strong: #3B4952;
      --accent:      #57B7A4;
      --accent-soft: #16302C;
      --money:       #E0973F;
      --money-soft:  #33260F;
      --danger:      #E8809B;
      --danger-soft: #331520;
      --code-bg:     #0C181C;
      --code-ink:    #CFE0DD;

      --api-sobre-acao:         #06201C;
      --api-atencao-bg:         #241D10;
      --api-atencao-borda:      #4A3A1C;
      --api-atencao-texto:      #E7C08A;
      --api-ok-bg-suave:        #132824;
      --api-ok-borda:           #245247;
      --api-critico-bg-suave:   #2A161C;
      --api-critico-borda:      #54202E;
      --api-codigo-cabecalho:   #122A2F;
      --api-codigo-borda:       #1E3A3F;
      --api-codigo-borda-forte: #2F565C;

      color-scheme: dark;
    }
  }

  :root[data-theme="dark"] {
    --ground:      #10161B;
    --surface:     #171F26;
    --surface-alt: #1E282F;
    --ink:         #E6ECEF;
    --ink-soft:    #A3B4BF;
    --ink-faint:   #7A8B96;
    --rule:        #2A363F;
    --rule-strong: #3B4952;
    --accent:      #57B7A4;
    --accent-soft: #16302C;
    --money:       #E0973F;
    --money-soft:  #33260F;
    --danger:      #E8809B;
    --danger-soft: #331520;
    --code-bg:     #0C181C;
    --code-ink:    #CFE0DD;

    --api-sobre-acao:         #06201C;
    --api-atencao-bg:         #241D10;
    --api-atencao-borda:      #4A3A1C;
    --api-atencao-texto:      #E7C08A;
    --api-ok-bg-suave:        #132824;
    --api-ok-borda:           #245247;
    --api-critico-bg-suave:   #2A161C;
    --api-critico-borda:      #54202E;
    --api-codigo-cabecalho:   #122A2F;
    --api-codigo-borda:       #1E3A3F;
    --api-codigo-borda-forte: #2F565C;

    color-scheme: dark;
  }