/**
 * Design tokens — extraídos da identidade visual real de Eliany Uemura
 * (cores globais do Elementor, tipografia Roboto/Roboto Slab, raios e
 * sombras já usados no tema). Ordem de seções inspirada na landing
 * lp-estetica-pronta (hero split, faixa de confiança, cards, FAQ, CTA).
 */
:root {
  /* Cores — paleta real (Elementor global colors) */
  --color-primary: #8b5da7;       /* roxo — CTAs, links em destaque */
  --color-primary-dark: #7d327a;  /* roxo escuro — hover/estado ativo */
  --color-sky: #6ec1e4;           /* azul suave — acentos, ícones */
  --color-lavender: #e7e0f2;      /* lavanda — fundos suaves */
  --color-blush: #f5e3f0;         /* rosa suave — fundos suaves */
  --color-peach: #fce5cf;         /* pêssego — fundos quentes */
  --color-forest: #17544a;        /* verde profundo — textos de apoio, rodapé */
  --color-leaf: #61ce70;          /* verde suave — selos/badges pontuais */

  --color-white: #ffffff;
  --color-ink: #33313a;           /* texto principal, mais escuro que o original p/ contraste AA */
  --color-text: #54595f;          /* texto secundário */
  --color-text-muted: #7a7a7a;    /* texto terciário/legendas */
  --color-border: #e5dfec;

  --color-bg: #fffdfb;
  --color-bg-alt: #f7f1f8;

  /* Tipografia */
  --font-body: "Roboto", "Segoe UI", system-ui, sans-serif;
  --font-heading: "Roboto Slab", Georgia, serif;
  --font-display: "Retro Magic", cursive; /* uso pontual e decorativo — nunca em blocos de texto */

  --text-xs: clamp(0.75rem, 0.72rem + 0.15vw, 0.8125rem);
  --text-sm: clamp(0.875rem, 0.84rem + 0.15vw, 0.9375rem);
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --text-lg: clamp(1.125rem, 1.06rem + 0.3vw, 1.25rem);
  --text-xl: clamp(1.375rem, 1.28rem + 0.5vw, 1.625rem);
  --text-2xl: clamp(1.75rem, 1.55rem + 1vw, 2.25rem);
  --text-3xl: clamp(2.1rem, 1.8rem + 1.5vw, 2.75rem);
  --text-4xl: clamp(2.5rem, 2.05rem + 2.2vw, 3.5rem);

  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-normal: 1.6;

  /* Espaçamento */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-8: 3rem;
  --space-10: 4rem;
  --space-12: 5rem;
  --space-16: 7rem;

  --container-max: 1180px;
  --container-padding: clamp(1.25rem, 4vw, 2.5rem);

  /* Raios e sombras — combinação orgânica encontrada no tema (0 / 15px / 30px) */
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --shadow-soft: 0 5px 30px rgba(0, 0, 0, 0.08);
  --shadow-card: 0 15px 40px rgba(139, 93, 167, 0.12);
  --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.18);

  --transition-base: 200ms ease;

  --header-height: 84px;
}