/*
Theme Name: Generative AI Brasil
Theme URI: https://generativeai.com.br
Author: Generative AI Brasil Team
Author URI: https://generativeai.com.br
Description: Tema proprietário de alta performance focado em Inteligência Artificial, SEO avançado, monetização com Google AdSense e Afiliados. Paleta: Preto profundo com as cores vibrantes do Brasil (Verde, Amarelo e Azul Tecnológicos).
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generativeai
Tags: blog, news, technology, artificial-intelligence, dark-mode, seo-friendly, adsense-optimized
*/

/* ==========================================================================
   CSS Variables & Design Tokens (Paleta: Preto Profundo + Cores do Brasil)
   ========================================================================== */
:root {
  /* Layout & Containers */
  --container-max: 1240px;
  --container-article: 820px;
  --header-height: 72px;
  --border-radius-sm: 8px;
  --border-radius-md: 14px;
  --border-radius-lg: 20px;
  --transition-smooth: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: all 0.15s ease;

  /* Typography */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
}

/* Dark Theme (Padrão: Preto Profundo & Cyber Brasil) */
[data-theme="dark"], :root:not([data-theme="light"]), html:not([data-theme="light"]) {
  /* Cores do Brasil (Tecnológicas / Cyber) */
  --br-green: #00e676;
  --br-green-dark: #00b050;
  --br-green-hover: #00ff84;
  --br-yellow: #ffd600;
  --br-yellow-hover: #ffe033;
  --br-yellow-glow: rgba(255, 214, 0, 0.3);
  --br-blue: #0080ff;
  --br-blue-hover: #38bdf8;
  --br-blue-dark: #0052cc;
  --br-white: #ffffff;

  /* Brand Accents & Gradients */
  --ai-primary: #00e676;
  --ai-primary-hover: #00ff84;
  --ai-btn-text: #05080c;
  --ai-btn-hover-text: #000000;
  --ai-secondary: #0080ff;
  --ai-accent: #ffd600;

  /* Gradientes Brasil Cyber */
  --ai-gradient-primary: linear-gradient(135deg, #00e676 0%, #0080ff 100%);
  --ai-gradient-gold: linear-gradient(135deg, #ffd600 0%, #ff9100 100%);
  --ai-gradient-br: linear-gradient(135deg, #00e676 0%, #ffd600 45%, #0080ff 100%);
  --ai-gradient-glow: linear-gradient(135deg, rgba(0, 230, 118, 0.15) 0%, rgba(0, 128, 255, 0.15) 100%);
  --ai-gradient-text: linear-gradient(135deg, #00e676 0%, #ffd600 50%, #38bdf8 100%);
  
  --ai-badge-bg: rgba(0, 230, 118, 0.12);
  --ai-badge-border: rgba(0, 230, 118, 0.35);
  --ai-badge-text: #00e676;

  --ai-badge-yellow-bg: rgba(255, 214, 0, 0.12);
  --ai-badge-yellow-border: rgba(255, 214, 0, 0.3);
  --ai-badge-yellow-text: #ffd600;

  --ai-badge-blue-bg: rgba(0, 128, 255, 0.12);
  --ai-badge-blue-border: rgba(0, 128, 255, 0.3);
  --ai-badge-blue-text: #38bdf8;

  --bg-body: #06070a;
  --bg-surface: #0c0e14;
  --bg-surface-elevated: #121520;
  --bg-surface-glass: rgba(12, 14, 20, 0.85);
  --bg-input: #151926;

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-focus: rgba(0, 230, 118, 0.5);

  --text-primary: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;
  --text-inverse: #06070a;

  --link-color: #00e676;
  --link-hover: #ffd600;

  --ad-bg: #090a0f;
  --ad-border: rgba(255, 255, 255, 0.06);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.5);
  --shadow-md: 0 8px 28px rgba(0, 0, 0, 0.65);
  --shadow-glow: 0 0 35px rgba(0, 230, 118, 0.25);
}

/* Light Theme (Acessibilidade Rigorosa WCAG AAA: Contraste Máximo de Texto, Elementos e Hover) */
[data-theme="light"], html[data-theme="light"], body[data-theme="light"] {
  /* Cores Tecnológicas do Brasil OTIMIZADAS PARA ALTO CONTRASTE (WCAG AAA) NO MODO CLARO */
  --br-green: #007a3d;          /* 5.45:1 em branco (WCAG AA normal, AAA large) */
  --br-green-dark: #005a2b;     /* 8.41:1 em branco (WCAG AAA) */
  --br-green-hover: #005a2b;    /* Hover escurece para 8.41:1 garantindo contraste AAA! */
  --br-yellow: #92400e;         /* Âmbar/Ouro profundo: 7.09:1 em branco (WCAG AAA!) */
  --br-yellow-hover: #78350f;   /* Hover escurece para 9.07:1 (WCAG AAA!) */
  --br-yellow-glow: rgba(146, 64, 14, 0.12);
  --br-blue: #005bb5;           /* Azul safira profundo: 6.64:1 em branco (WCAG AA+) */
  --br-blue-hover: #003d7a;     /* Hover escurece para 10.78:1 (WCAG AAA!) */
  --br-blue-dark: #003d7a;
  --br-white: #ffffff;

  /* Brand Accents & Buttons */
  --ai-primary: #007a3d;
  --ai-primary-hover: #005a2b;
  --ai-btn-text: #ffffff;
  --ai-btn-hover-text: #ffffff;
  --ai-secondary: #005bb5;
  --ai-accent: #92400e;

  /* Gradientes Brasil (Ajustados para contraste suave em fundo claro) */
  --ai-gradient-primary: linear-gradient(135deg, #007a3d 0%, #005bb5 100%);
  --ai-gradient-gold: linear-gradient(135deg, #92400e 0%, #b45309 100%);
  --ai-gradient-br: linear-gradient(135deg, #007a3d 0%, #92400e 45%, #005bb5 100%);
  --ai-gradient-glow: linear-gradient(135deg, rgba(0, 122, 61, 0.08) 0%, rgba(0, 91, 181, 0.08) 100%);
  --ai-gradient-text: linear-gradient(135deg, #007a3d 0%, #92400e 50%, #005bb5 100%);

  --ai-badge-bg: rgba(0, 122, 61, 0.08);
  --ai-badge-border: rgba(0, 122, 61, 0.25);
  --ai-badge-text: #007a3d;

  --ai-badge-yellow-bg: rgba(146, 64, 14, 0.08);
  --ai-badge-yellow-border: rgba(146, 64, 14, 0.25);
  --ai-badge-yellow-text: #92400e;

  --ai-badge-blue-bg: rgba(0, 91, 181, 0.08);
  --ai-badge-blue-border: rgba(0, 91, 181, 0.25);
  --ai-badge-blue-text: #005bb5;

  --bg-body: #f8fafc;
  --bg-surface: #ffffff;
  --bg-surface-elevated: #f1f5f9;
  --bg-surface-glass: rgba(255, 255, 255, 0.94);
  --bg-input: #f1f5f9;

  --border-subtle: #e2e8f0;
  --border-focus: #007a3d;

  --text-primary: #0a0c10;      /* 19.57:1 em branco (WCAG AAA) */
  --text-secondary: #1e293b;    /* 14.63:1 em branco (WCAG AAA) */
  --text-muted: #475569;        /* 7.58:1 em branco (WCAG AAA) */
  --text-inverse: #ffffff;

  --link-color: #006834;        /* 6.45:1 em branco (WCAG AAA) */
  --link-hover: #003d1c;        /* 11.2:1 em branco (WCAG AAA) */

  --ad-bg: #f8fafc;
  --ad-border: #e2e8f0;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.07);
  --shadow-glow: 0 0 25px rgba(0, 122, 61, 0.12);
}