/* =========================================================
   Duze — variáveis centralizadas (fonte única de cor, fonte e forma)
   Nenhuma cor ou fonte deve ser escrita fora deste arquivo.
   ========================================================= */
:root{
  /* marca */
  --duze-orange:#ff6c00;        /* dominante, cerca de 35% do uso */
  --duze-white:#ffffff;         /* cerca de 25% */
  --duze-black:#000000;         /* cerca de 20% */
  --duze-gray-dark:#211f1f;     /* cerca de 15% */
  --duze-indigo-dark:#0a013f;   /* uso raro, só um destaque pontual */
  /* adaptações para app (não são da marca, existem por legibilidade) */
  --duze-orange-text:#b84c00;   /* laranja para texto pequeno sobre branco */
  --duze-surface-soft:#f4f2f0;  /* cinza claro e quente, só para separar áreas */
  /* tipografia */
  --font-body:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;   /* principal: textos, títulos de cartão, números */
  --font-display:'Instrument Serif',Georgia,'Times New Roman',serif;    /* secundária, elegante: títulos de página e destaques */
  --font-ui:var(--font-body);                                           /* rótulos, botões e etiquetas também em Poppins */
  --font-num:var(--font-body);                                          /* números e indicadores */
  /* forma */
  --radius-card:24px;
  --radius-pill:999px;
  --shadow-soft:0 1px 2px rgba(0,0,0,.04),0 10px 28px -14px rgba(0,0,0,.16);   /* sombra leve e difusa */
  --shadow-hover:0 2px 4px rgba(0,0,0,.05),0 16px 34px -14px rgba(0,0,0,.22);
  /* luz no hover (efeito LED laranja) */
  --glow:0 0 0 1px rgba(255,108,0,.45),0 0 12px rgba(255,108,0,.45),0 0 28px rgba(255,108,0,.22);
  --glow-soft:0 0 0 1px rgba(255,108,0,.28),0 0 18px -2px rgba(255,108,0,.30);
  --glow-tint:rgba(255,108,0,.10);
  --glow-icon:drop-shadow(0 0 6px rgba(255,108,0,.75));

  /* ---------- papéis no app: tema claro (padrão) ---------- */
  --bg:var(--duze-surface-soft);          /* fundo da página */
  --surface:var(--duze-white);            /* cartões */
  --surface-soft:var(--duze-surface-soft);/* áreas internas, campos */
  --surface-strong:#e8e4e0;               /* trilho de barras e chip "a fazer" (adaptação) */
  --text:var(--duze-black);
  --text-muted:#57524f;                   /* 7,4:1 sobre branco (adaptação) */
  --accent:var(--duze-orange);
  --accent-text:var(--duze-orange-text);  /* laranja em texto pequeno */
  --on-accent:var(--duze-black);          /* texto sobre laranja é sempre preto */
  --block-dark:var(--duze-black);         /* blocos pretos (funil, menu) */
  --block-dark-2:var(--duze-gray-dark);
  --on-dark:var(--duze-white);
  --on-dark-muted:#bdb7b2;                /* 9:1 sobre preto (adaptação) */
  /* estados (pedido da Duze: verde = concluído/positivo, vermelho = atrasado/atenção) */
  --state-ok:#1d7a3e;                     /* verde: texto branco 5,5:1 */
  --state-late:#c42b1c;                   /* vermelho: texto branco 5,9:1 */
  --state-ok-text:#1d7a3e;                /* verde em texto sobre fundo claro */
  --state-late-text:#c42b1c;              /* vermelho em texto sobre fundo claro */
  --state-ok-on-dark:#5fd08a;             /* verde em texto sobre preto */
  --late-bg:var(--state-late);
  --late-text:var(--duze-white);
  --done-bg:var(--state-ok);
  --done-text:var(--duze-white);
  --overlay:rgba(0,0,0,.45);
  --focus-ring:0 0 0 3px var(--bg),0 0 0 6px var(--duze-orange);
}

/* ---------- tema escuro (opcional) ---------- */
:root[data-theme="escuro"]{
  --bg:var(--duze-black);
  --surface:var(--duze-gray-dark);
  --surface-soft:#2d2a2a;
  --surface-strong:#3a3636;
  --text:var(--duze-white);
  --text-muted:#c4beb9;
  --accent-text:var(--duze-orange);       /* laranja sobre cinza escuro passa de 6:1 */
  --block-dark:#2d2a2a;
  --block-dark-2:#383434;
  --state-ok-text:#5fd08a;                /* verde claro sobre cinza escuro, 8:1 */
  --state-late-text:#ff8a7a;              /* vermelho claro sobre cinza escuro, 6:1 */
  --shadow-soft:0 1px 2px rgba(0,0,0,.3),0 12px 30px -14px rgba(0,0,0,.7);
  --shadow-hover:0 2px 4px rgba(0,0,0,.35),0 18px 36px -14px rgba(0,0,0,.8);
  --glow-tint:rgba(255,108,0,.16);
  --overlay:rgba(0,0,0,.7);
}