/**
 * DNA VISUAL "COPY" v13 — DESIGN TOKENS
 * Projeto: Espaço Menina Mulher (Paleta Bege / Cream Luxury Boutique)
 */

:root {
  /* Paleta Base Bege / Cream Luminosa */
  --bg-deep: #F7F4F0;
  --bg-surface: #EFEAE2;
  --bg-card: rgba(255, 255, 255, 0.88);
  --bg-card-hover: rgba(255, 255, 255, 0.96);
  --bg-glass: rgba(255, 255, 255, 0.72);

  /* Cores de Acento Terracota / Cobre Quente & Dourado Acetinado */
  --accent-light: #D89B73;
  --accent-terracota: #B86B43;
  --accent-dark: #874828;
  --accent-secondary: #B89332;
  --accent-gradient: linear-gradient(135deg, #D89B73 0%, #B86B43 50%, #874828 100%);
  --accent-glow: rgba(184, 107, 67, 0.22);
  --accent-glow-subtle: rgba(184, 107, 67, 0.08);

  /* Hierarquia Tipográfica de Cores (Alto Contraste WCAG AA) */
  --text-primary: #1C1917;
  --text-secondary: #57534E;
  --text-muted: #857E77;
  --text-accent: #B86B43;

  /* Bordas e Delimitadores Finos */
  --border-subtle: rgba(184, 107, 67, 0.12);
  --border-card: rgba(184, 107, 67, 0.16);
  --border-accent-subtle: rgba(184, 107, 67, 0.25);
  --border-accent-hover: rgba(184, 107, 67, 0.65);

  /* Sombras e Iluminação em Camadas */
  --shadow-elevation: 0 8px 24px -4px rgba(120, 95, 75, 0.10), 0 2px 6px -1px rgba(120, 95, 75, 0.06);
  --shadow-floating: 0 20px 48px -10px rgba(120, 95, 75, 0.16), 0 0 32px -4px rgba(184, 107, 67, 0.08);
  --shadow-card-hover: 0 12px 32px -6px rgba(120, 95, 75, 0.15), 0 0 16px -2px rgba(184, 107, 67, 0.12);

  /* 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;
}