/* Arte Noite de Lua: azul-noite, lua e estrelas douradas, serifada suave */
:root { --serif: "Young Serif", Georgia, serif; --sans: "DM Sans", "Segoe UI", Arial, sans-serif; --ouro: #efc763; --noite: #1f2d47;
  --lua: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23c8921b'><path d='M15 3a9 9 0 1 0 6 15 8 8 0 0 1-6-15z'/></svg>");
  --lua-grande: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'><path d='M92 14a66 66 0 1 0 56 100 54 54 0 0 1-56-100z' fill='%23efc763'/></svg>");
  --estrelas: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260' fill='none' stroke='%23efc763' stroke-width='1.6' stroke-linecap='round'><path d='M40 30v16M32 38h16M190 70v10M185 75h10M100 150v12M94 156h12M220 200v14M213 207h14M30 220v10M25 225h10'/><g fill='%23efc763' stroke='none'><circle cx='130' cy='40' r='2'/><circle cx='70' cy='100' r='1.6'/><circle cx='240' cy='130' r='2'/><circle cx='160' cy='240' r='1.6'/><circle cx='20' cy='160' r='1.4'/></g></svg>"); }

h2 { font-family: var(--serif); font-weight: 400; font-size: 16px; text-transform: none; letter-spacing: 0; color: var(--tinta); margin-bottom: 8px; }
.tela-celular h2 { font-size: 14px; }
.cabecalho { border-bottom: 1.5px solid var(--tinta); }
.cabecalho h1 { font-weight: 400; }
.cabecalho h1::after { content: ""; display: inline-block; width: .42em; height: .42em; margin-left: .3em; vertical-align: .55em; background: var(--lua) center / contain no-repeat; }
.cabecalho .rotulo { text-transform: none; letter-spacing: .02em; font-size: 15px; }
.dia-cab-num, .dia-cab-txt strong, .mini-titulo, .card-num, .card-modulo strong, .pergunta, .dia-semana-cab .n { font-weight: 400; }

.caixa, .card-modulo, .cornell, .cartao, .ramo { border-radius: 16px; background: var(--card); }
.zona-sticker { border-radius: 40px; border-color: var(--zona); color: var(--suave); }
.abas { background: var(--noite); }
.aba { color: #c9d3e3; }
.aba.ativa { background: var(--ouro); color: var(--noite); border-radius: 20px 0 0 20px; }
.formato-retrato .aba.ativa { border-radius: 0 0 20px 20px; }
.checks li::before { border-radius: 50%; border-color: var(--destaque); }
.botao { background: var(--ouro); color: var(--noite); }

.capa { background: var(--noite); color: #f4f1e6; }
.capa::before, .tela-celular .capa::before { left: 0; top: 0; right: auto; bottom: auto; width: 100%; height: 100%; border-radius: 0; background: var(--estrelas) 0 0 / 260px repeat; }
.capa::after, .tela-celular .capa::after { left: auto; bottom: auto; right: 9%; top: 8%; width: 150px; height: 150px; border-radius: 0; background: var(--lua-grande) center / contain no-repeat; }
.tela-celular .capa::after { width: 96px; height: 96px; }
.capa-sobre { color: #c9d3e3; }
.capa-titulo { font-weight: 400; }
.capa-ano { color: var(--ouro); }
.capa-frase { font-style: normal; color: #e4e8ef; }
.capa-guia { color: #c9d3e3; }
.tela-celular .mini-titulo { font-size: 15px; margin-bottom: 4px; }
.tela-celular .mini-grade { line-height: 1.15; }