/**
 * DNA VISUAL "COPY" v13 PRO MAX ULTRA — DESIGN TOKENS
 * Projeto: Modéstia Joias (Divinópolis • MG)
 */

:root {
  /* Paleta Base Dark Imersiva */
  --bg-deep: #060609;
  --bg-surface: #0A0A0F;
  --bg-card: rgba(14, 14, 20, 0.82);
  --bg-card-hover: rgba(20, 20, 30, 0.92);
  --bg-glass: rgba(16, 16, 24, 0.65);

  /* Cor de Acento Ouro da Marca (Laudo #F8F87C — Contraste AAA 18.02:1) */
  --accent-gold-light: #FFFF9D;
  --accent-gold: #F8F87C;
  --accent-gold-secondary: #D9D96B;
  --accent-gold-dark: #8F8F3D;
  --accent-gradient: linear-gradient(135deg, #FFFF9D 0%, #F8F87C 45%, #D9D96B 100%);
  --accent-glow: rgba(248, 248, 124, 0.35);
  --accent-glow-subtle: rgba(248, 248, 124, 0.12);

  /* Hierarquia Tipográfica de Cores */
  --text-primary: #FFFFFF;
  --text-secondary: #D4D4D8;
  --text-muted: #8E8E98;
  --text-accent: #F8F87C;

  /* Bordas e Delimitadores Finos */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-card: rgba(255, 255, 255, 0.10);
  --border-gold-subtle: rgba(248, 248, 124, 0.22);
  --border-gold-hover: rgba(248, 248, 124, 0.65);

  /* Sombras e Iluminação em Camadas */
  --shadow-elevation: 0 12px 32px -4px rgba(0, 0, 0, 0.75), 0 4px 12px -2px rgba(0, 0, 0, 0.55);
  --shadow-floating: 0 24px 64px -12px rgba(0, 0, 0, 0.90), 0 0 48px -8px rgba(248, 248, 124, 0.14);
  --shadow-card-hover: 0 16px 40px -8px rgba(0, 0, 0, 0.80), 0 0 28px -4px rgba(248, 248, 124, 0.28);

  /* Geometria e Raios de Borda */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 9999px;

  /* Animações e Transições Físicas */
  --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.28s cubic-bezier(0.16, 1, 0.3, 1);

  /* Largura Máxima do Canvas Central */
  --canvas-max-width: 440px;

  /* Tipografia Whitelist */
  --font-display: 'Fraunces', 'Sora', Georgia, serif;
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
}