/* ==========================================================================
   DESIGN TOKENS & VARIÁVEIS GLOBAIS - SANDRO RUFFO ADVOCACIA
   ========================================================================== */

/* Importação de Fontes Homologadas de Alta Performance */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,400&family=Outfit:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap');

:root {
  /* --- PALETA DE CORES OFICIAL: DOURADO FECHADO PREMIUM --- */
  --color-gold-primary: #BA9441;     /* Dourado Primário Nobre Institucional */
  --color-gold-amber: #7A5E21;       /* Dourado Fechado Profundo (Substitui tom laranja/âmbar antigo) */
  --color-gold-light: #DFC78F;       /* Dourado Champanhe Claro Suave */
  --color-gold-accent: #ECD8A5;      /* Dourado Iluminação / Champanhe Nobre */
  --color-gold-dark: #634B16;        /* Bronze Imperial / Dourado Mais Fechado */

  /* Gradientes Dourados Padronizados de Alto Padrão (Sem tons alaranjados) */
  --gradient-gold-btn: linear-gradient(135deg, #BFA054 0%, #99782F 50%, #73561C 100%);
  --gradient-gold-btn-hover: linear-gradient(135deg, #CBB064 0%, #A38032 50%, #7D5D1C 100%);
  --gradient-gold-text: linear-gradient(135deg, #DFC78F 0%, #BA9441 50%, #7A5E21 100%);
  --gradient-gold-accent: linear-gradient(135deg, #ECD8A5 0%, #DFC78F 50%, #BA9441 100%);
  
  /* Fundos Escuros e Superfícies Nobres */
  --color-bg-primary: #0A0D13;       /* Fundo Primário Absoluto */
  --color-bg-secondary: #0F141D;     /* Fundo Secundário */
  --color-bg-card: #141A25;          /* Superfície de Cards e Mosaicos */
  --color-bg-card-hover: #1A2230;    /* Superfície de Cards em Hover */
  --color-surface-dark: #0D1219;     /* Superfície Interna de Modais/Painéis */
  --color-black: #000000;            /* Preto Absoluto */
  --color-graphite: #292929;         /* Grafite Escuro */

  /* Fundos Claros Editoriais (Alternância de Seções - criadordesite.md) */
  --color-bg-light: #FAF8F5;         /* Creme/Off-White Linho Nobre */
  --color-bg-light-alt: #F3EFE6;     /* Creme Suave Aquecido */
  --color-bg-light-card: #FFFFFF;    /* Superfície Clara de Cards */
  --color-bg-light-card-hover: #FCFBF9; /* Superfície Clara Hover */
  --color-surface-light: #F8F6F1;    /* Superfície Interna Suave */
  
  /* Textos e Hierarquia Visual */
  --color-text-primary: #FFFFFF;     /* Branco Puro (Títulos e Destaques Escuros) */
  --color-text-secondary: #E2E8F0;   /* Texto de Leitura Secundário Escuro */
  --color-text-muted: #94A3B8;       /* Texto Atenuado / Metadados Escuros */
  --color-text-subtle: #64748B;      /* Linhas e Detalhes Discretos */
  --color-text-dark: #1E293B;        /* Texto Escuro Geral */
  --color-text-dark-title: #0F172A;  /* Carvão Profundo para Títulos em Fundo Claro */
  --color-text-dark-body: #334155;   /* Slate Escuro para Corpo em Fundo Claro */
  --color-text-dark-muted: #475569;  /* Slate Médio Atenuado em Fundo Claro (WCAG AAA) */
  --color-white: #FFFFFF;            /* Branco de Referência */
  
  /* Ação e Conversão (WhatsApp) */
  --color-whatsapp: #25D366;         /* Verde Oficial WhatsApp */
  --color-whatsapp-dark: #128C7E;    /* Verde Hover WhatsApp */
  
  /* Aliases para Compatibilidade de Componentes e Widgets */
  --brand-cta: var(--gradient-gold-btn);
  --brand-navy: var(--color-bg-primary);
  --brand-gold: var(--color-gold-primary);
  --brand-white: var(--color-white);
  --brand-text-dark: var(--color-text-dark);
  --bg-footer: #07090E;
  --text-footer: #94A3B8;
  --card-bg: var(--color-bg-card);
  --border-color: rgba(255, 255, 255, 0.08);

  /* Sombras e Bordas para Fundo Claro */
  --border-light-hairline: 1px solid rgba(15, 23, 42, 0.08);
  --border-light-gold: 1px solid rgba(186, 148, 65, 0.30);
  --shadow-light-card: 0 10px 25px -5px rgba(15, 23, 42, 0.06), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
  --shadow-light-hover: 0 18px 36px -8px rgba(186, 148, 65, 0.18), 0 4px 12px rgba(0, 0, 0, 0.05);

  /* --- TIPOGRAFIA & ESCALA --- */
  --font-serif-title: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
  --font-serif-accent: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Plus Jakarta Sans', 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-sans-body: 'Outfit', 'Plus Jakarta Sans', sans-serif;

  /* Pesos Tipográficos */
  --weight-light: 300;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* Escala Fluida com clamp() */
  --font-hero-title: clamp(2.4rem, 5.5vw, 4.2rem);
  --font-section-title: clamp(1.85rem, 3.8vw, 2.75rem);
  --font-card-title: clamp(1.15rem, 1.8vw, 1.4rem);
  --font-body: clamp(0.95rem, 1.1vw, 1.05rem);
  --font-caption: 0.85rem;

  /* --- BORDAS, MOLDURAS & DIVISORES FINOS (1px) --- */
  --color-gold-hairline: rgba(186, 148, 65, 0.25);
  --color-text-body: var(--color-text-secondary);
  --border-hairline: 1px solid rgba(255, 255, 255, 0.08);
  --border-hairline-subtle: 1px solid rgba(255, 255, 255, 0.04);
  --border-gold-hairline: 1px solid rgba(186, 148, 65, 0.25);
  --border-gold-hover: 1px solid rgba(223, 199, 143, 0.55);
  --border-radius-xs: 4px;
  --border-radius-sm: 6px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  --border-radius-pill: 9999px;

  /* --- MICROINTERAÇÕES, CURVAS & TEMPOS (criadordesite.md) --- */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-slowmo: cubic-bezier(0.16, 1, 0.3, 1);
  --anim-duration: 2.5s;
  --transition-fast: 0.2s var(--ease-premium);
  --transition-normal: 0.35s var(--ease-premium);
  --transition-medium: 0.35s var(--ease-premium);
  --transition-slow: 0.6s var(--ease-premium);
  --transition-entrance: 2.5s var(--ease-slowmo);

  /* --- ELEVAÇÕES & SOMBRAMENTO SOFISTICADO (Sem glow neon) --- */
  --shadow-subtle: 0 4px 16px rgba(0, 0, 0, 0.18);
  --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.28);
  --shadow-hover: 0 20px 45px -10px rgba(10, 13, 19, 0.6), 0 0 20px rgba(186, 148, 65, 0.16);
  --shadow-panel: 0 16px 40px rgba(0, 0, 0, 0.35);

  /* --- DIMENSÕES DE CONTÊINER & RESPIRO VISUAL --- */
  --container-max: 1200px;
  --container-wide: 1360px;
  --section-padding-y: clamp(70px, 9vw, 130px);
  --section-padding-x: clamp(20px, 4vw, 48px);
}