/* ==========================================================
   TOKENS — identidade visual do planner
   Fontes:
   - Fraunces (títulos): serifada macia, acolhedora, sem ser infantil
   - Atkinson Hyperlegible (texto): criada pelo Braille Institute
     para máxima legibilidade — argumento de venda real para TDAH
   - Caveat (toques manuscritos): exemplos e dicas "de amiga"
   Temas: data-theme="areia" (padrão) | "lavanda" | "floresta"
   Regra de impressão: fundos sempre claros (economiza tinta).
   ========================================================== */

@font-face { font-family: "Fraunces"; font-weight: 400; src: url("../fonts/fraunces-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-weight: 600; src: url("../fonts/fraunces-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Fraunces"; font-weight: 700; src: url("../fonts/fraunces-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Atkinson"; font-weight: 400; src: url("../fonts/atkinson-hyperlegible-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Atkinson"; font-weight: 400; font-style: italic; src: url("../fonts/atkinson-hyperlegible-latin-400-italic.woff2") format("woff2"); }
@font-face { font-family: "Atkinson"; font-weight: 700; src: url("../fonts/atkinson-hyperlegible-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Caveat"; font-weight: 500; src: url("../fonts/caveat-latin-500-normal.woff2") format("woff2"); }

:root,
[data-theme="areia"] {
  --paper:      #FBF7F1;
  --paper-2:    #F4EDE2;
  --ink:        #2B2833;
  --ink-soft:   #6E6877;
  --ink-faint:  #A39C9F;
  --line:       #E2D8C9;
  --line-dark:  #CDBFAB;

  --accent:      #D4714A;  /* terracota — ação, "a única coisa" */
  --accent-soft: #F7DFD1;
  --c2:          #6F9A82;  /* sálvia — calma, saúde */
  --c2-soft:     #DCE9DF;
  --c3:          #7F9CC4;  /* céu — tempo, agenda */
  --c3-soft:     #DFE8F3;
  --c4:          #E2AE45;  /* sol — energia, recompensa */
  --c4-soft:     #F8EBCB;
  --c5:          #9A86C2;  /* ameixa — ideias */
  --c5-soft:     #E8E1F3;
}

[data-theme="lavanda"] {
  --paper:      #F9F7FC;
  --paper-2:    #EFEAF6;
  --ink:        #2C2838;
  --ink-soft:   #6D6680;
  --ink-faint:  #A49DB3;
  --line:       #E1DAEC;
  --line-dark:  #C9BEDB;

  --accent:      #7C64B8;
  --accent-soft: #E6DEF5;
  --c2:          #6E9F96;
  --c2-soft:     #DBEBE8;
  --c3:          #7B95C9;
  --c3-soft:     #DFE6F5;
  --c4:          #D9A54E;
  --c4-soft:     #F6EBCF;
  --c5:          #C77A9B;
  --c5-soft:     #F5DFE8;
}

[data-theme="floresta"] {
  --paper:      #F6F7F2;
  --paper-2:    #E9EDE3;
  --ink:        #24302A;
  --ink-soft:   #5F6D64;
  --ink-faint:  #9AA69D;
  --line:       #D8DFD2;
  --line-dark:  #BCC8B6;

  --accent:      #3F7A5E;
  --accent-soft: #D3E6DA;
  --c2:          #8AA35A;
  --c2-soft:     #E5EDD4;
  --c3:          #5E8FA3;
  --c3-soft:     #DAE8EE;
  --c4:          #D39B3F;
  --c4-soft:     #F5E6C8;
  --c5:          #B06F57;
  --c5-soft:     #F2DDD3;
}

:root {
  --f-display: "Fraunces", Georgia, serif;
  --f-body: "Atkinson", "Helvetica Neue", Arial, sans-serif;
  --f-hand: "Caveat", "Comic Sans MS", cursive;

  --page-w: 210mm;
  --page-h: 296.8mm;   /* um fio abaixo de 297 para nunca vazar página */
  --pad: 13mm;
  --radius: 4mm;
  --radius-s: 2.2mm;
  --row: 7.6mm;        /* altura de linha para escrever à mão */
}