/* ============================================================
   Escola de Jejum — tokens

   CÓPIA LITERAL de files/escola-de-jejum-design-system.html.
   Nenhuma cor pode ser escrita fora deste arquivo. Se uma tela
   precisar de um tom que não existe aqui, a decisão é do design
   system — não da tela.
   ============================================================ */

/* ---------- TRILHA MASCULINA — "Noite Elétrica" ---------- */
:root,
[data-trilha="masculina"] {
  --base: #08131F;
  --base-2: #0C1C2B;
  --aura-a: #38C6FF;
  --aura-b: #16E0A3;

  --f-digestao: #FF8A5B;
  --f-reservas: #FFC24A;
  --f-gordura: #16E0A3;
  --f-cetose: #38C6FF;
  --f-cetose-plena: #8B8CFF;

  --reciclagem: #A78BFA;
  --acao-a: #16E0A3;
  --acao-b: #38C6FF;
  --acao-tinta: #04121B;
  --limite: #FF9A6B;

  --superficie: rgba(255,255,255,.055);
  --superficie-2: rgba(255,255,255,.10);
  --contorno: rgba(255,255,255,.11);
  --texto: #EEF6FB;
  --texto-2: rgba(238,246,251,.66);
  /* .40 dava 3,59:1 sobre o fundo escuro — abaixo do minimo da WCAG
     para texto pequeno, e e justamente aqui que moram rotulos e notas.
     .48 sobe para 4,65:1 e continua claramente atras do --texto-2. */
  --texto-3: rgba(238,246,251,.48);
  --claro: #F2F8FC;
  --claro-tinta: #08131F;
}

/* ---------- TRILHA FEMININA — "Aurora" ----------
   Base diferente, não acento trocado.                       */
[data-trilha="feminina"] {
  --base: #170D26;
  --base-2: #221235;
  --aura-a: #C08BFF;
  --aura-b: #FF9A76;

  --f-digestao: #FF9A76;
  --f-reservas: #FFCB6B;
  --f-gordura: #5BE3B8;
  --f-cetose: #C08BFF;
  --f-cetose-plena: #FF9AD5;

  --reciclagem: #FF8FC0;
  --acao-a: #FF9A76;
  --acao-b: #C08BFF;
  --acao-tinta: #1A0D28;
  --limite: #FFB08A;

  --superficie: rgba(255,255,255,.06);
  --superficie-2: rgba(255,255,255,.11);
  --contorno: rgba(255,255,255,.13);
  --texto: #FBF3FB;
  --texto-2: rgba(251,243,251,.68);
  --texto-3: rgba(251,243,251,.50);
  --claro: #FCF5FA;
  --claro-tinta: #221235;
}

/* ---------- A fase corrente vira uma cor só ----------
   A cor é dado, não decoração: quem lê --fase está lendo em
   que ponto do jejum a pessoa está.                          */
[data-fase="digestao"] { --fase: var(--f-digestao) }
[data-fase="reservas"] { --fase: var(--f-reservas) }
[data-fase="gordura"]  { --fase: var(--f-gordura) }
[data-fase="cetose"]   { --fase: var(--f-cetose) }
[data-fase="cetose-plena"] { --fase: var(--f-cetose-plena) }

/* ---------- Tipografia e forma ---------- */
:root {
  --fonte-d: 'Sora', system-ui, sans-serif;
  --fonte-c: 'Plus Jakarta Sans', system-ui, sans-serif;
  --fonte-m: 'JetBrains Mono', ui-monospace, monospace;

  /* Nenhum canto reto no app. Pílula, cápsula ou círculo. */
  --r-p: 16px;
  --r-m: 24px;
  --r-g: 34px;
  --r-full: 999px;
}