/* site/temas.css
   As SEIS paletas do aplicativo, copiadas de src/index.css sem tirar nem pôr.

   Por que copiadas e não "parecidas": quem escolhe um tema no site e depois abre o app tem
   que ver a mesma cor. Um verde só aproximado aqui viraria decepção lá — e decepção de cor é
   a primeira quebra de confiança de um produto que se vende por parecer bem-feito.

   Cada tema é só um conjunto de variáveis; nada de tela duplicada. Aplicando o atributo
   `data-tema` num container, TUDO que estiver dentro dele muda de cor — é exatamente o que o
   app faz. No site isso vale para os celulares desenhados, que repintam na hora. */

[data-tema='padrao'] {
  --bg:#0a1020; --surface:#111a2e; --surface2:#16223c; --line:#223052;
  --accent:#00e0ff; --onaccent:#04131a;
  --ink:#e7ecf5; --ink2:#8a94ad; --coral:#fb7185; --amber:#fbbf24; --mint:#34d399;
}

[data-tema='vermelho'] {
  --bg:#140a0d; --surface:#1e0f14; --surface2:#2a151c; --line:#3d1f29;
  --accent:#ff4d5e; --onaccent:#1a0409;
  --ink:#f5e9ec; --ink2:#b08c93; --coral:#ff8a98; --amber:#fbbf24; --mint:#34d399;
}

[data-tema='amarelo'] {
  --bg:#14110a; --surface:#1e1a0f; --surface2:#2a2415; --line:#3d3520;
  --accent:#ffc53d; --onaccent:#1a1400;
  --ink:#f5f0e3; --ink2:#aba184; --coral:#fb7185; --amber:#ff8a3d; --mint:#34d399;
}

[data-tema='verde'] {
  --bg:#08130e; --surface:#0f1e17; --surface2:#152a20; --line:#1f3d2e;
  --accent:#00d68f; --onaccent:#001a10;
  --ink:#e7f5ee; --ink2:#84a896; --coral:#fb7185; --amber:#fbbf24; --mint:#8df5c8;
}

/* O claro é o único de fundo branco: ele existe para o balcão que pega sol de frente, onde
   tela escura vira espelho. Repare que o destaque escurece — ciano claro sobre branco não se
   lê, e um botão que não se lê é um botão que não se toca. */
[data-tema='claro'] {
  --bg:#f5f7fa; --surface:#ffffff; --surface2:#eef2f7; --line:#d8dfe9;
  --accent:#066e82; --onaccent:#ffffff;
  --ink:#0f172a; --ink2:#5a6779; --coral:#cb1c34; --amber:#966004; --mint:#06805a;
}

/* Preto absoluto: em tela OLED, pixel preto fica desligado — economiza bateria de verdade no
   aparelho que passa o dia inteiro ligado no balcão. */
[data-tema='preto'] {
  --bg:#000000; --surface:#0b0b0b; --surface2:#141414; --line:#262626;
  --accent:#ffffff; --onaccent:#000000;
  --ink:#f2f2f2; --ink2:#8a8a8a; --coral:#ff7a8c; --amber:#ffc83c; --mint:#46e6aa;
}