/* ============================================================
   Sistema Agenda Pessoal — Design Tokens
   Marca: Pedro Said
   Use estas variáveis como fonte da verdade no app.
   ============================================================ */

:root {
  /* ---- Cor · base ---- */
  --background:    #efeae2;  /* fundo da página (gesso quente)        */
  --surface:       #fffdfa;  /* cartões e campos                      */
  --surface-warm:  #fcf6ed;  /* topo do degradê do card em foco       */

  /* ---- Cor · texto ---- */
  --text:          #24211c;  /* texto principal (grafite)             */
  --muted:         #79746b;  /* texto secundário                      */
  --faint:         #a8a299;  /* placeholders, contagens, vazio        */

  /* ---- Cor · linhas ---- */
  --border:        rgba(36, 33, 28, 0.13);  /* divisores, contornos   */
  --border-soft:   rgba(36, 33, 28, 0.07);  /* divisores de lista     */

  /* ---- Cor · marca / acento ---- */
  --primary:       #053931;  /* verde floresta — ações, foco          */
  --primary-soft:  #5d7d74;  /* verde clareado p/ fundos escuros      */
  --on-primary:    #f6f3ee;  /* texto sobre o verde                   */

  /* ---- Cor · estados ---- */
  --warning:       #9c5b3d;  /* atrasada (terracota)                  */
  --urgent:        #6d4b65;  /* urgente (ameixa)                      */

  /* ---- Cor · tags (apoio) ---- */
  --tag-pessoal:   #6d4b65;  /* ameixa    */
  --tag-trabalho:  #053931;  /* verde     */
  --tag-faculdade: #a98b78;  /* argila    */

  /* ---- Tipografia ---- */
  --font-display: 'Jost', sans-serif;          /* títulos, monograma  */
  --font-body:    'Manrope', sans-serif;       /* texto, itens        */
  --font-mono:    'Spline Sans Mono', monospace;/* rótulos, datas     */

  --fs-h1:       44px;  /* "Seu dia"           (mobile: 38px)        */
  --fs-focus:    24px;  /* título tarefa foco  (mobile: 21px)        */
  --fs-item:   15.5px;  /* título item lista                         */
  --fs-body:     15px;  /* texto / inputs                            */
  --fs-section:  17px;  /* títulos de seção                          */
  --fs-label:    10px;  /* rótulos mono (AGORA, HOJE, CAPTURAR)      */
  --fs-chip:   10.5px;  /* tags / chips                              */

  --ls-label: 0.26em;   /* tracking dos rótulos mono                 */

  /* ---- Raio ---- */
  --radius-card:  14px;  /* card em foco                             */
  --radius-input: 11px;  /* campo de captura, botões                 */
  --radius-pill:  999px; /* chips, botão Planejar, ações             */
  --radius-sheet: 20px;  /* modal Planejar                           */

  /* ---- Espaçamento (escala de 8) ---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;

  /* ---- Layout ---- */
  --page-max: 660px;    /* largura máxima da coluna (desktop)        */
  --page-pad: 24px;     /* respiro lateral                          */

  /* ---- Sombra (use com parcimônia) ---- */
  --shadow-sheet: 0 -20px 60px -30px rgba(36, 33, 28, 0.5);

  /* ---- Movimento ---- */
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --dur:  0.16s;
}