/**
 * DNA VISUAL "COPY" — DESIGN TOKENS (v15 CREATOR EDITION)
 * Identidade: Verde Linktree Oficial (#43E660) | Cliente: Isadora Marceano
 */

:root {
  /* Paleta Base Dark Neutra Imersiva (Zero Cast Quente) */
  --bg-deep: #08070A;
  --bg-surface: #0D0B10;
  --bg-card: rgba(14, 15, 16, 0.85);
  --bg-card-hover: rgba(20, 22, 21, 0.92);
  --bg-glass: rgba(14, 16, 15, 0.65);

  /* Acento Verde Linktree Oficial & Pear */
  --accent-primary: #43E660;
  --accent-secondary: #D2E722;
  --accent-dark: #1F8534;
  --accent-gradient: linear-gradient(135deg, #43E660 0%, #D2E722 100%);
  --accent-glow: rgba(67, 230, 96, 0.35);
  --accent-glow-subtle: rgba(67, 230, 96, 0.12);
  --accent-tint-featured: rgba(67, 230, 96, 0.12);

  /* Hierarquia Tipográfica de Cores (WCAG 2.2 AA validado: 12.08:1 de contraste) */
  --text-primary: #FFFFFF;
  --text-secondary: #D8D4DC;
  --text-muted: #95909C;
  --text-accent: #43E660;

  /* Bordas e Acabamento de Cartão de Crédito Digital */
  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-card: rgba(255, 255, 255, 0.10);
  --border-accent-subtle: rgba(67, 230, 96, 0.22);
  --border-accent-hover: rgba(67, 230, 96, 0.65);

  /* Profundidade em Camadas Neutras */
  --shadow-elevation: 0 12px 32px -4px rgba(0, 0, 0, 0.65), 0 4px 12px -2px rgba(0, 0, 0, 0.45);
  --shadow-floating: 0 24px 64px -12px rgba(0, 0, 0, 0.85), 0 0 48px -8px rgba(67, 230, 96, 0.14);
  --shadow-card-hover: 0 16px 40px -8px rgba(0, 0, 0, 0.75), 0 0 24px -4px rgba(67, 230, 96, 0.20);

  /* Geometria e Raios */
  --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 */
  --canvas-max-width: 440px;
}