/* ==========================================================================
   tokens.css — variáveis de design (única fonte de verdade de cor, tipo, espaço)
   ========================================================================== */

:root {
  /* Cores · superfícies */
  --c-bg: #0a0613;
  --c-bg-alt: #0d0719;
  --c-bg-deep: #07040e;
  --c-surface: rgb(255 255 255 / 0.04);
  --c-surface-2: rgb(255 255 255 / 0.06);
  --c-border: rgb(167 139 250 / 0.24);
  --c-border-strong: rgb(196 181 253 / 0.42);

  /* Cores · texto */
  --c-text: #f4f0ff;
  --c-text-soft: #cfc5f0;
  --c-text-muted: #b8aedb;

  /* Cores · marca (violeta) */
  --c-violet-200: #ddd6fe;
  --c-violet-300: #c4b5fd;
  --c-violet-400: #a78bfa;
  --c-violet-500: #8b5cf6;
  --c-violet-600: #7c3aed;
  --c-violet-800: #4c1d95;

  /* Cores · ação e feedback */
  --c-accent: #f5a524;
  --c-accent-soft: #f8d69a;
  --c-on-accent: #1a0f00;
  --c-danger: #ff9a9a;
  --c-success: #6ee7b7;

  /* Tipografia */
  --font-display: "Sora", system-ui, sans-serif;
  --font-body: "Manrope", system-ui, sans-serif;
  --font-serif: "Fraunces", Georgia, serif;

  --fs-h1: clamp(2.25rem, 1.35rem + 4.2vw, 4.25rem);
  --fs-h2: clamp(1.875rem, 1.4rem + 2vw, 3rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.5rem);

  /* Espaçamento */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.25rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;
  --sp-10: 2.5rem;
  --sp-12: 3rem;
  --sp-14: 3.5rem;
  --sp-16: 4rem;

  /* Layout */
  --container: 75rem;
  --gutter: clamp(1.25rem, 4vw, 1.5rem);
  --header-h: 4.5rem;
  --section-y: clamp(4rem, 3rem + 5vw, 7rem);

  /* Raios e sombras */
  --r-sm: 0.75rem;
  --r-md: 1rem;
  --r-lg: 1.25rem;
  --r-xl: 1.75rem;
  --r-pill: 999px;
  --shadow-glow: 0 3rem 7.5rem -2.5rem rgb(124 58 237 / 0.7);
  --shadow-cta: 0 1.125rem 2.5rem -1rem rgb(245 165 36 / 0.65);

  /* Movimento */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 0.18s;
  --dur-base: 0.35s;
  --dur-slow: 0.8s;

  /* Camadas */
  --z-sticky: 40;
  --z-header: 50;
  --z-progress: 60;
}