/**
 * Design Tokens & CSS Custom Properties
 * Gospel Livre Portal - Acessibilidade & Contraste (WCAG AA / AAA)
 * 
 * Task ID: AUD-A11Y-001
 * Contraste de texto secundário sobre fundo branco (#ffffff):
 * - #94a3b8: 2.85:1 (REPROVADO - falha WCAG AA)
 * - #64748b: 4.62:1 (APROVADO - cumpre WCAG AA >= 4.5:1)
 * - #475569: 7.06:1 (APROVADO - cumpre WCAG AAA >= 7.0:1)
 */

:root {
  /* ==========================================================================
     Tipografia & Cores de Texto (A11y Compliant)
     ========================================================================== */
  
  /* Cores Principais de Texto */
  --text-primary: #101828;            /* Títulos e corpo principal - Contraste 15.8:1 */
  --color-text-primary: #101828;
  --gl-ink: #101828;
  --gl-ink-soft: #344054;

  /* Cores Secundárias de Metadados (A11Y WCAG AA & AAA) */
  --text-secondary: #475569;          /* Slate 600 - Contraste 7.06:1 (WCAG AAA) sobre fundo branco */
  --color-text-secondary: #475569;
  --text-muted: #64748b;              /* Slate 500 - Contraste 4.62:1 (WCAG AA) sobre fundo branco */
  --color-text-muted: #64748b;

  /* Mapeamento para Tokens Existentes do Tema Gospel Livre */
  --gl-muted: #475569;                /* Harmonizado para conformidade WCAG */
  --gl-text-muted: #475569;
  --gl-text-secondary: #475569;
  --nav-text-dim: #475569;
  --nav-text-muted: #475569;

  /* Variáveis Específicas de Metadados (.post-meta, autor, data, leitura) */
  --post-meta-color: #475569;
  --post-meta-color-soft: #64748b;
  --post-meta-icon-color: #64748b;
  --card-meta-color: #475569;

  /* ==========================================================================
     Escala Tipográfica & Pesos
     ========================================================================== */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;

  --font-size-xs: 0.75rem;    /* 12px */
  --font-size-sm: 0.8125rem;  /* 13px */
  --font-size-base: 1rem;     /* 16px */
  --font-size-lg: 1.125rem;   /* 18px */
  --font-size-xl: 1.25rem;    /* 20px */
  --font-size-2xl: 1.5rem;    /* 24px */
  --font-size-3xl: 2rem;      /* 32px */

  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;

  --line-height-tight: 1.2;
  --line-height-snug: 1.35;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.65;

  /* ==========================================================================
     Design Tokens: Bordas, Raios e Sombras (AUD-CMP-001)
     ========================================================================== */
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-sm: 0 1px 3px rgba(16, 24, 40, 0.06), 0 1px 2px rgba(16, 24, 40, 0.04);
  --shadow-md: 0 4px 14px rgba(16, 24, 40, 0.07), 0 2px 4px rgba(16, 24, 40, 0.03);
  --shadow-lg: 0 12px 28px rgba(16, 24, 40, 0.09), 0 4px 10px rgba(16, 24, 40, 0.04);
  --shadow-xl: 0 20px 42px rgba(41, 30, 94, 0.12), 0 6px 14px rgba(16, 24, 40, 0.04);

  /* Variáveis Padronizadas do Componente de Card */
  --card-radius: var(--radius-lg, 18px);
  --card-radius-compact: var(--radius-md, 14px);
  --card-radius-featured: var(--radius-xl, 24px);
  --card-shadow: var(--shadow-sm, 0 1px 3px rgba(16, 24, 40, 0.06));
  --card-shadow-hover: var(--shadow-xl, 0 16px 36px rgba(41, 30, 94, 0.1));
  --card-border: 1px solid var(--nav-border-subtle, var(--gl-line, #e4e7ec));
  --card-border-hover: 1px solid var(--nav-brand-border, #bbaaff);
  --card-bg: #ffffff;

}