/* variables.css - Design Tokens & Custom Properties */
:root {
  /* Cores Principais (Navy & Gold & White) */
  --navy: #070e19;         /* Azul Escuro Profundo */
  --navy-dark: #04080f;    /* Azul Profundo para Footer e Contrastes */
  --blue-medium: #111d33;   /* Azul Médio para Cards e fundos alternativos */
  --gold: #C9A84C;         /* Dourado para Destaques e Botões */
  --gold-hover: #b8973d;   /* Dourado escurecido para hover */
  --white: #ffffff;        /* Branco puro */
  --gray-light: #f4f5f7;   /* Cinza muito claro para fundos alternativos */
  --gray-text: #64748b;    /* Cinza para textos secundários */
  --navy-text: #0f172a;    /* Azul escuro para textos em fundo claro */

  /* Cores Semânticas do Blog */
  --color-primary: #C9A84C;
  --card-bg: #111d33;
  --border-color: rgba(201, 168, 76, 0.15);
  --text-color: #ffffff;
  --text-body: rgba(255, 255, 255, 0.85);
  --text-muted: rgba(255, 255, 255, 0.6);

  /* Tipografia Homologada */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-serif: 'Playfair Display', Georgia, serif;

  /* Animações e Fluidez (Curva de Movimento Apple) */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --t-snappy: 0.25s var(--ease-premium);
  --t-smooth: 0.5s var(--ease-premium);

  /* Sombras */
  --shadow-premium: 0 24px 48px rgba(0, 0, 0, 0.08);
}