/* CORES - TEMA CLARO & TEMA ESCURO, ARQUIVO UNIFICADO */

/* TEMA CLARO */

:root, html[data-theme="light"] {
  /* BASE PÁGINA */
  --cor-texto: black;
  --cor-fundo: white;
  --cor-texto-selecao: #ffffff;
  --cor-fundo-selecao: #222222;

  /* ABERTURA UNIDADE */
  --fundo-abertura-unidade: var(--cor-2-5);
  --fundo-numero-unidade: var(--cor-1);
  --cor-numero-unidade: var(--cor-2-50);
  --fundo-nome-unidade: var(--cor-2);
  --sombra-numero-unidade: var(--cor-2-40);

  /* ABERTURA CAPÍTULO */
  --fundo-numero-capitulo: var(--cor-1);
  --fundo-nome-capitulo: var(--cor-2);
  --sombra-numero-capitulo: var(--cor-2-30);
  --fundo-mini-sumario: var(--cor-2-20);
  --fundo-intro-capitulo: var(--cor-2-30);
  --fundo-abertura-capitulo: var(--cor-2-10);

  /* HEADER - HIERARQUIA */
  --cor-unidade-header: var(--cor-1);

  /* SEÇÃO */
  --nome-secao: var(--cor-1);
  --fundo-nome-secao: var(--cor-2-20);
  --fundo-numero-secao: var(--cor-2);
  --sombra-numero-secao: var(--cor-2-50);

  /* IDEIAS SEÇÃO */
  --ideias: var(--cor-1);

  /* SUBSEÇÃO */
  --nome-subsecao: var(--cor-1);
  --linha-subsecao: var(--cor-2-40);

  /* SUBSUBSEÇÃO */
  --nome-subsubsecao: var(--cor-2);
  --linha-subsubsecao: var(--cor-2-40);

  /* RESUMO */
  --linha-resumo: var(--cor-2);
  --secao-resumo: var(--cor-2);
  --fundo-resumo: var(--cor-2-5);

  /* SCROLLBARS */
  --cor-thumb-scroll: var(--cor-2-40);
  --cor-thumb-scroll-hover: var(--cor-2);
  --cor-track-scroll: var(--cor-2-10);

  /* ELEMENTOS DE TEXTO */
  --cor-figura: hsl(206, 54%, 33%);
  --cor-figura-abertura: var(--cor-figura);
  --cor-conceito: hsl(295, 49%, 28%);
  --cor-comentario: hsl(0, 0%, 40%);
  --cor-bordas-crossref: hsl(50, 20%, 70%);
  --cor-fundo-crossref: hsl(60, 10%, 98%);
  --cor-texto-crossref: hsl(0, 0%, 45%);
  --cor-hyperlink: hsl(236, 29%, 37%);
  --cor-credito: var(--cor-hyperlink);
  --cor-credito-abertura: var(--cor-credito);
  --cor-URL: hsl(179, 100%, 36%);
  --cor-tabela: hsl(13, 56%, 51%);    /* para o número e linhas, troca quando escuro */
  --cor-tabela-celula-escura: hsl(13, 56%, 51%);  /* para o cabeçalho, não troca quando escuro */
  --cor-tabela-celula-media: hsl(16, 58%, 66%);
  --cor-tabela-celula-clara: hsl(19, 60%, 81%);
  --cor-glossario-1: hsl(156, 35%, 50%);
  --cor-glossario-2: hsl(156, 35%, 97%);
  --cor-biografia: hsl(338, 33%, 56%);  /* para o título da página de biografia */
  --cor-biografia-1: hsl(338, 33%, 56%);
  --cor-biografia-2: hsl(350, 30%, 96%);
  --cor-destaque: hsl(35, 97%, 88%);
  --cor-exemplo-1: hsl(20, 75%, 60%);
  --cor-exemplo-2: hsl(20, 85%, 80%);

  /* UM POUQUINHO DE CONTEXTO */
  --cor-titulo-texto-complementar: hsl(186, 67%, 25%);
  --cor-sombra-texto-complementar: hsl(197, 13%, 58%);
  --cor-borda-texto-complementar: var(--cor-titulo-texto-complementar);
  --cor-barra-titulo-texto-complementar: hsl(205, 12%, 81%);
  --cor-fundo-texto-complementar: hsl(210, 15%, 95%);
  --cor-fontes-texto-complementar: var(--cor-borda-texto-complementar);
}

/* TEMA ESCURO */

html[data-theme="dark"] {
  /* BASE PÁGINA */
  --cor-texto: hsl(0, 0%, 87.5%);
  --cor-fundo: hsl(0, 0%, 12.5%);
  --cor-texto-selecao: #000000;
  --cor-fundo-selecao: #ffffff;

  /* ABERTURA UNIDADE */
  --fundo-abertura-unidade: hsl(var(--hue), 20%, 10%);
  --fundo-numero-unidade: var(--cor-1);
  --cor-numero-unidade: var(--cor-2-50);
  --fundo-nome-unidade: var(--cor-2);
  --sombra-numero-unidade: var(--cor-2-40);

  /* ABERTURA CAPÍTULO */
  --fundo-numero-capitulo: var(--cor-1);
  --fundo-nome-capitulo: var(--cor-2);
  --sombra-numero-capitulo: var(--cor-2-30);
  --fundo-mini-sumario: var(--cor-2-20);
  --fundo-intro-capitulo: var(--cor-2-30);
  --fundo-abertura-capitulo: var(--cor-2-10);

  /* HEADER - HIERARQUIA */
  --cor-unidade-header: var(--cor-2-40);

  /* MINI SUMÁRIO */
  --cor-link-mini-sumario: black;

  /* SEÇÃO */
  --nome-secao: var(--cor-1);
  --fundo-nome-secao: var(--cor-2-20);
  --fundo-numero-secao: var(--cor-2);
  --sombra-numero-secao: var(--cor-2-50);

  /* IDEIAS SEÇÃO */
  --ideias: var(--cor-2-50);

  /* SUBSEÇÃO */
  --nome-subsecao: var(--cor-2-40);
  --linha-subsecao: var(--cor-1);

  /* SUBSUBSEÇÃO */
  --nome-subsubsecao: var(--cor-2-40);
  --linha-subsubsecao: var(--cor-2);

  /* RESUMO */
  --linha-resumo: var(--cor-2);
  --secao-resumo: var(--cor-2-40);
  --fundo-resumo: hsl(var(--hue), 15%, 15%);

  /* SCROLLBARS */
  --cor-thumb-scroll: var(--cor-2-40);
  --cor-thumb-scroll-hover: var(--cor-2);
  --cor-track-scroll: var(--cor-2-10);

  /* ELEMENTOS DE TEXTO */
  --cor-figura: hsl(206, 55%, 67%);
  --cor-figura-abertura: hsl(206, 54%, 33%);
  --cor-conceito: hsl(295, 49%, 72%);
  --cor-comentario: hsl(0, 0%, 60%);
  --cor-bordas-crossref: hsl(50, 20%, 30%);
  --cor-fundo-crossref: hsl(60, 10%, 5%);
  --cor-texto-crossref: hsl(0, 0%, 55%);
  --cor-hyperlink: hsl(236, 29%, 63%);
  --cor-credito: var(--cor-hyperlink);
  --cor-credito-abertura: hsl(236, 29%, 37%);
  --cor-URL: hsl(179, 100%, 36%);
  --cor-tabela:hsl(13, 70%, 70%);     /* para o número, troca quando escuro */
  --cor-tabela-celula-escura: hsl(13, 56%, 51%);  /* para o cabeçalho, não troca quando escuro */
  --cor-tabela-celula-media: hsl(16, 58%, 66%);
  --cor-tabela-celula-clara: hsl(19, 60%, 81%);
  --cor-glossario-1: hsl(156, 35%, 50%);
  --cor-glossario-2: hsl(156, 35%, 12%);
  --cor-biografia: hsl(338, 33%, 56%);  /* para o título da página de biografia */
  --cor-biografia-1: hsl(340, 58%, 75%);
  --cor-biografia-2: hsl(350, 30%, 13%);
  --cor-destaque: hsl(35, 97%, 88%);
  --cor-exemplo-1: hsl(20, 75%, 60%);
  --cor-exemplo-2: hsl(20, 85%, 80%);

  /* UM POUQUINHO DE CONTEXTO */
  --cor-titulo-texto-complementar: hsl(186, 67%, 25%);
  --cor-sombra-texto-complementar: hsl(197, 13%, 58%);
  --cor-borda-texto-complementar: hsl(189, 74%, 34%);
  --cor-barra-titulo-texto-complementar: hsl(205, 12%, 81%);
  --cor-fundo-texto-complementar: hsl(210, 10%, 15%);
  --cor-fontes-texto-complementar: var(--cor-borda-texto-complementar);

  /* SUMÁRIO */
  --cor-sumario-unidade: white;
}