/* =========================================================
   Shape 30 — Design System v3 "Folha de calendário"
   Tirado da logo oficial: calendário verde-floresta com argolas,
   halter e check verde-limão, swoosh laranja de movimento.
   Papéis: floresta = estrutura e marca · laranja = agir (CTA, progresso)
           limão = feito (sempre como preenchimento, nunca texto) · vermelho = saúde.
   Tipo: Rubik — arredondada e pesada como o "30" da logo.
   ========================================================= */
:root{
  /* superfícies */
  --bg:#F3F6F1;             /* folha (fundo do app, verde-acinzentado claro da logo) */
  --paper:#FFFFFF;          /* cartões */
  --sunk:#EAF0E7;           /* campos, trilhos */
  --line:#DCE5DA;

  /* marca */
  --forest:#0B7A34;         /* contorno do calendário: estrutura, aba ativa, links */
  --forest-deep:#08602A;    /* "30": números grandes, descanso, títulos fortes */
  --on-forest:#FFFFFF;
  --on-forest-2:#BFE3C9;

  /* texto */
  --ink:#11281A;
  --moss:#4E6656;           /* texto de apoio (AA sobre papel e folha) */

  /* ação: swoosh laranja */
  --swoosh:#FF7A00;
  --swoosh-press:#EB6F00;
  --swoosh-soft:#FFEBD6;
  --swoosh-text:#A84A00;    /* laranja como texto pequeno (AA) */
  --on-swoosh:#11281A;      /* todo texto sobre laranja (AA 6:1) */

  /* feito: limão (só preenchimento) */
  --lime:#5BC92A;
  --lime-soft:#E4F5DA;
  --on-lime:#11281A;

  /* saúde */
  --alert:#C62F1B;
  --alert-soft:#FBE3DF;

  /* tipo */
  --f:"Rubik",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --fs-mega:96px; --fs-xl:38px; --fs-l:26px; --fs-m:20px; --fs-b:17px; --fs-s:15px; --fs-xs:13px;

  /* espaço / forma */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px; --s10:40px;
  --r-s:10px; --r-m:16px; --r-l:26px; --r-pill:999px;
  --stroke:3px;             /* contorno "de calendário" usado no herói e nos dias */
  --sh-1:0 1px 2px rgba(17,40,26,.05),0 6px 16px rgba(17,40,26,.06);
  --sh-2:0 12px 32px rgba(17,40,26,.14);
  --hit:48px;               /* ação principal */
  --hit-dense:44px;         /* mínimo para qualquer controle */
  --col:520px;
  --tab-h:66px;
  --ease:cubic-bezier(.2,.8,.2,1);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#0D1B12; --paper:#15291C; --sunk:#1C3524; --line:#264532;
    --forest:#4CC46F; --forest-deep:#0F5A2A; --on-forest:#FFFFFF; --on-forest-2:#BFE3C9;
    --ink:#EAF4EC; --moss:#A8C2B0;
    --swoosh:#FF8A1F; --swoosh-press:#FF7A00; --swoosh-soft:#3A2814; --swoosh-text:#FFA455; --on-swoosh:#11281A;
    --lime:#6BD63A; --lime-soft:#1E3A1F; --on-lime:#11281A;
    --alert:#FF6B57; --alert-soft:#3D2120;
    --sh-1:0 1px 0 rgba(255,255,255,.03); --sh-2:0 12px 32px rgba(0,0,0,.4);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#0D1B12; --paper:#15291C; --sunk:#1C3524; --line:#264532;
  --forest:#4CC46F; --forest-deep:#0F5A2A; --on-forest:#FFFFFF; --on-forest-2:#BFE3C9;
  --ink:#EAF4EC; --moss:#A8C2B0;
  --swoosh:#FF8A1F; --swoosh-press:#FF7A00; --swoosh-soft:#3A2814; --swoosh-text:#FFA455; --on-swoosh:#11281A;
  --lime:#6BD63A; --lime-soft:#1E3A1F; --on-lime:#11281A;
  --alert:#FF6B57; --alert-soft:#3D2120;
  --sh-1:0 1px 0 rgba(255,255,255,.03); --sh-2:0 12px 32px rgba(0,0,0,.4);
  color-scheme:dark;
}