/* ============================================
   DESIGN TOKENS — MeetingMind Launch Page
   Palette: Deep navy + vibrant coral
   ============================================ */

:root {
  /* ── Cores ── */
  --cor-fundo:        hsl(230 30% 7%);
  --cor-superficie:   hsl(230 25% 12%);
  --cor-superficie-2: hsl(230 22% 16%);
  --cor-borda:        hsl(230 18% 22%);
  --cor-texto:        hsl(40 20% 94%);
  --cor-texto-suave:  hsl(220 12% 60%);
  --cor-accent:       hsl(14 90% 58%);
  --cor-accent-dim:   hsl(14 80% 42%);
  --cor-accent-glow:  hsl(14 95% 65%);
  --cor-erro:         hsl(0 72% 55%);
  --cor-sucesso:      hsl(142 60% 48%);

  /* ── Tipografia ── */
  --font-titulo: "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-corpo:  "Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-mono:   "SF Mono", "Cascadia Code", "Consolas", "Liberation Mono", monospace;

  --peso-normal: 400;
  --peso-medio:  500;
  --peso-semi:   600;
  --peso-bold:   700;

  --fs-display: clamp(2.4rem, 5vw, 4rem);
  --fs-h1:      clamp(1.8rem, 3.5vw, 2.8rem);
  --fs-h2:      clamp(1.4rem, 2.5vw, 2rem);
  --fs-h3:      clamp(1.1rem, 1.8vw, 1.35rem);
  --fs-corpo:   1rem;
  --fs-pequeno: 0.875rem;
  --fs-mini:    0.75rem;

  --lh-tight:  1.15;
  --lh-normal: 1.6;
  --lh-loose:  1.8;

  /* ── Espaçamento ── */
  --esp-1:  0.25rem;
  --esp-2:  0.5rem;
  --esp-3:  0.75rem;
  --esp-4:  1rem;
  --esp-5:  1.25rem;
  --esp-6:  1.5rem;
  --esp-8:  2rem;
  --esp-10: 2.5rem;
  --esp-12: 3rem;
  --esp-16: 4rem;
  --esp-20: 5rem;
  --esp-24: 6rem;

  /* ── Bordas e raios ── */
  --raio-sm:   6px;
  --raio-md:   10px;
  --raio-lg:   16px;
  --raio-xl:   24px;
  --raio-pill: 999px;

  /* ── Sombras ── */
  --sombra-sm:   0 1px 3px hsl(0 0% 0% / 0.25);
  --sombra-md:   0 4px 16px hsl(0 0% 0% / 0.3);
  --sombra-lg:   0 8px 32px hsl(0 0% 0% / 0.35);
  --sombra-glow: 0 0 24px hsl(14 90% 58% / 0.15);

  /* ── Motion ── */
  --dur-fast:    150ms;
  --dur-normal:  300ms;
  --dur-slow:    500ms;
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* ── Breakpoints ── */
  --bp-sm: 40rem;
  --bp-md: 48rem;
  --bp-lg: 64rem;
  --bp-xl: 80rem;
}