/* =========================================================
   Central da Ceia · tokens de design
   Direção: "papelaria de Natal ao entardecer". Papel creme,
   tinta castanha, vinho de cravo, pinho, mel e azul-noite.
   Tudo offline: só fontes do sistema, nada de CDN.
   Prefixo --cc- (Central da Ceia) para não colidir com nada.
   ========================================================= */

:root {
  /* ---------- Cores base (papel e tinta) ---------- */
  --cc-papel:        #FBF7F0;  /* fundo do app */
  --cc-cartao:       #FFFDF9;  /* superfícies elevadas */
  --cc-linho:        #F3ECE0;  /* superfícies rebaixadas, trilhos */
  --cc-linho-2:      #EAE0CF;  /* hover em superfícies rebaixadas */
  --cc-borda:        #E2D6C3;  /* bordas suaves */
  --cc-borda-forte:  #958169;  /* bordas de campo e caixas de marcar (3,5:1 no papel) */
  --cc-tinta:        #2B2420;  /* texto principal  (14,3:1 no papel) */
  --cc-tinta-2:      #554A42;  /* texto secundário (8,0:1) */
  --cc-tinta-3:      #6E6258;  /* legendas e dicas (5,5:1; 5,0:1 no linho) */

  /* ---------- Cores de marca ---------- */
  --cc-cravo:        #8C2F3C;  /* primária: vinho de cravo (7,4:1 com o creme) */
  --cc-cravo-forte:  #72232F;  /* hover e pressionado */
  --cc-cravo-suave:  #F5E3E2;  /* fundos de destaque */
  --cc-pinho:        #2F5B50;  /* secundária: verde pinho fechado (7,0:1 com o creme) */
  --cc-pinho-forte:  #234840;
  --cc-pinho-suave:  #E0ECE6;
  --cc-mel:          #C58B2C;  /* acento dourado: só em formas, nunca em texto pequeno */
  --cc-mel-texto:    #845A12;  /* dourado para texto (5,7:1 no papel) */
  --cc-mel-suave:    #F7EAD0;
  --cc-noite:        #1E2A45;  /* azul-noite: superfícies escuras, capa, cabeçalhos especiais */
  --cc-noite-2:      #2C3A5C;
  --cc-noite-suave:  #E4E8F1;
  --cc-sobre-escuro: #FBF4E6;  /* texto sobre cravo, pinho e noite */

  /* ---------- Estados de presente ---------- */
  --cc-st-ideia-bg:      #ECE8F3;  --cc-st-ideia-fg:      #4A4370;
  --cc-st-comprado-bg:   #F7EAD0;  --cc-st-comprado-fg:   #74500F;
  --cc-st-embrulhado-bg: #F5E3E2;  --cc-st-embrulhado-fg: #7A2532;
  --cc-st-entregue-bg:   #DDEBE4;  --cc-st-entregue-fg:   #234840;

  /* ---------- Feedback ---------- */
  --cc-ok:      var(--cc-pinho);   --cc-ok-bg:      var(--cc-pinho-suave);
  --cc-atencao: #7A5410;           --cc-atencao-bg: #FBEFD6;
  --cc-erro:    #A1322C;           --cc-erro-bg:    #FBE6E2;
  --cc-info:    var(--cc-noite-2); --cc-info-bg:    var(--cc-noite-suave);

  /* ---------- Matriz de urgência (Descarrego) ---------- */
  --cc-q1: #F5E3E2; /* urgente e importante: fazer já */
  --cc-q2: #E0ECE6; /* importante, não urgente: agendar */
  --cc-q3: #F7EAD0; /* urgente, não importante: pedir ajuda */
  --cc-q4: #ECE8F3; /* nem um nem outro: soltar */

  /* ---------- Tipografia (só fontes do sistema) ---------- */
  --cc-fonte-titulo: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua",
                     "URW Palladio L", "Noto Serif", Georgia, serif;
  --cc-fonte-texto:  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue",
                     "Noto Sans", Arial, sans-serif;
  --cc-fonte-numero: var(--cc-fonte-texto); /* sempre com tabular-nums */

  /* escala 1,2 a partir de 16 px (mobile) */
  --cc-t-xs:   0.75rem;   /* 12  legendas mínimas, nunca em texto corrido */
  --cc-t-sm:   0.875rem;  /* 14  apoio */
  --cc-t-md:   1rem;      /* 16  texto e campos (evita zoom no iPhone) */
  --cc-t-lg:   1.125rem;  /* 18  títulos de cartão */
  --cc-t-xl:   1.375rem;  /* 22  título de seção */
  --cc-t-2xl:  1.75rem;   /* 28  título de tela */
  --cc-t-3xl:  2.25rem;   /* 36  números de destaque */
  --cc-t-4xl:  2.875rem;  /* 46  capa e entrada */

  --cc-lh-justa: 1.15;
  --cc-lh-titulo: 1.25;
  --cc-lh-texto: 1.5;
  --cc-peso-normal: 400;
  --cc-peso-medio: 500;
  --cc-peso-forte: 600;
  --cc-peso-titulo: 600;
  --cc-rastreio-rotulo: 0.08em; /* rótulos em caixa-alta pequena */

  /* ---------- Espaçamento (base 4) ---------- */
  --cc-e-1: 4px;   --cc-e-2: 8px;   --cc-e-3: 12px;  --cc-e-4: 16px;
  --cc-e-5: 20px;  --cc-e-6: 24px;  --cc-e-8: 32px;  --cc-e-10: 40px;
  --cc-e-12: 48px; --cc-e-16: 64px;
  --cc-gutter: 16px;          /* margem lateral no celular */
  --cc-largura-app: 560px;    /* coluna de leitura no tablet e desktop */
  --cc-largura-larga: 1080px; /* telas com duas colunas no desktop */
  --cc-toque: 44px;           /* alvo mínimo de toque */
  --cc-altura-nav: 64px;

  /* ---------- Raios ---------- */
  --cc-r-xs: 6px;    /* chips pequenos, caixas de marcar */
  --cc-r-sm: 10px;   /* campos, botões */
  --cc-r-md: 14px;   /* cartões */
  --cc-r-lg: 20px;   /* folhas e modais */
  --cc-r-pill: 999px;

  /* ---------- Sombras (quentes, discretas) ---------- */
  --cc-sombra-1: 0 1px 2px rgba(60, 40, 25, .06), 0 1px 1px rgba(60, 40, 25, .04);
  --cc-sombra-2: 0 2px 6px rgba(60, 40, 25, .07), 0 8px 20px -8px rgba(60, 40, 25, .12);
  --cc-sombra-3: 0 12px 32px -8px rgba(40, 25, 15, .22), 0 4px 10px rgba(40, 25, 15, .08);
  --cc-foco: 0 0 0 3px var(--cc-papel), 0 0 0 5px var(--cc-noite-2);

  /* ---------- Movimento ---------- */
  --cc-dur-rapida: 120ms;  /* marcar, pressionar */
  --cc-dur-media: 220ms;   /* abrir aviso, trocar aba */
  --cc-dur-lenta: 360ms;   /* modal, barra de progresso */
  --cc-curva: cubic-bezier(.2, .7, .2, 1);       /* saída suave */
  --cc-curva-mola: cubic-bezier(.34, 1.4, .64, 1); /* pequeno "pulo" ao marcar */

  /* ---------- Camadas ---------- */
  --cc-z-nav: 20;
  --cc-z-aviso: 40;
  --cc-z-modal: 50;

  color-scheme: light;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --cc-dur-rapida: 0ms;
    --cc-dur-media: 0ms;
    --cc-dur-lenta: 0ms;
  }
}