/* GLPS — Tokens de tema (claro/escuro)
   Extraídos de 01_wireframe_onboarding_v10.html e PRINCIPAL_wireframe_home_v1.html.
   Se static/css/theme.css já existir no app com estas variáveis, este arquivo
   pode substituí-lo ou ser mesclado nele — não duplicar :root duas vezes. */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;1,9..144,500&family=Work+Sans:wght@400;500;600&display=swap');

:root {
  /* Tema claro — padrão */
  --surface-2: #fafafa;
  --surface-1: #efe9db;
  --surface-card: #f2efe6;
  --text-primary: #1a1a1a;
  --text-secondary: #000000;
  --text-muted: #000000;
  --text-accent: #d4af37;
  --text-danger: #b34a3f;
  --on-accent: #1d1d1f;
  --border: rgba(0, 0, 0, 0.12);
  --border-strong: rgba(0, 0, 0, 0.24);
  --border-danger: rgba(179, 74, 63, 0.3);
  --border-card-padrao: rgba(124, 141, 166, 0.45);
  --border-card-espessura: 1.5px;
  --shadow-card-padrao: 0.25rem 0.25rem 0.75rem rgba(0, 0, 0, 0.18);
  --hover-escurecimento: 0.95;
  --hover-deslocamento: 1px;
  --border-secao-padrao: #ffffff;
  --shadow-card-sobre-card: 0.375rem 0.375rem 1.125rem rgba(0, 0, 0, 0.11);
  --border-item-marcado: rgba(63, 125, 79, 0.5);
  --bg-accent: rgba(212, 175, 55, 0.14);
  --bg-danger: rgba(179, 74, 63, 0.1);
  --fill-accent: #d4af37;
  --fill-locked: rgba(0, 0, 0, 0.06);
  --text-locked: rgba(0, 0, 0, 0.35);
  --bg-alt-item: #ffffff; /* fundo alternado de itens em lista, contraste com --surface-2 (sessão correções — Peças-chave) */
  --bg-item-peca-base: #f0f0f0; /* fundo padrão (não-alternado) da seção Peças-chave, tom abaixo de --surface-2 pra dar contraste com --bg-alt-item */
  --radius: 0.625rem; /* 10px */
  --radius-lg: 1.25rem; /* 20px */

  /* Escala de espaçamento em rem — base 16px */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;

  /* Tipografia — Fase 1 (sessão 10). Família não muda com o tema. */
  --font-titulo: 'Fraunces', Georgia, serif;
  --font-corpo: 'Work Sans', -apple-system, sans-serif;

  --tam-titulo: 1.1875rem;
  --tam-titulo-grande: 1.75rem;
  --tam-titulo-secao: 1.0625rem;
  --tam-subtitulo: 0.875rem;
  --tam-nome-item: 1.1rem;
  --tam-corpo: 1.03125rem;
  --tam-legenda: 0.875rem;
  --tam-micro: 0.75rem;
  --tam-nav: 0.875rem;
  --tam-intro: 1rem;
  --tam-badge: 0.8125rem;
  --tam-card-titulo: 0.875rem;
  --tam-card-texto: 0.875rem;

  --peso-titulo: 700;
  --peso-nome: 600;
  --peso-corpo: 400;
}

[data-tema="escuro"] {
  --surface-2: #1d1d1f;
  --surface-1: #26262a;
  --surface-card: #242426;
  --text-primary: #ffffff;
  --text-secondary: #c7c7ca;
  --text-muted: #8e8e91;
  --text-accent: #d4af37;
  --text-danger: #e0857c;
  --on-accent: #1d1d1f;
  --border: rgba(255, 255, 255, 0.14);
  --border-strong: rgba(255, 255, 255, 0.28);
  --border-danger: rgba(224, 133, 124, 0.35);
  --bg-accent: rgba(212, 175, 55, 0.12);
  --bg-danger: rgba(224, 133, 124, 0.12);
  --fill-accent: #d4af37;
  --fill-locked: rgba(255, 255, 255, 0.08);
  --text-locked: rgba(255, 255, 255, 0.35);
}