/* ============================================================
   MÉTODO ACA — Design Tokens
   Fonte única de verdade para cor, tipografia, raio, sombra.
   ============================================================ */

:root {
  /* ---- Cor ---- */
  --background: #fafafa;
  --foreground: #0f172a;
  --muted: #f1f5f9;
  --muted-foreground: #64748b;
  --accent: #0052ff;
  --accent-secondary: #4d7cff;
  --accent-foreground: #ffffff;
  --border: #e2e8f0;
  --card: #ffffff;
  --ring: #0052ff;

  /* Superfícies invertidas (seções escuras) */
  --inverted-bg: #0f172a;
  --inverted-fg: rgba(255, 255, 255, 0.92);
  --inverted-muted: rgba(255, 255, 255, 0.6);
  --inverted-border: rgba(255, 255, 255, 0.1);
  --inverted-card: rgba(255, 255, 255, 0.04);

  /* ---- Gradiente assinatura ---- */
  --gradient: linear-gradient(135deg, var(--accent), var(--accent-secondary));
  --gradient-soft: linear-gradient(to right, rgba(0, 82, 255, 0.15), rgba(77, 124, 255, 0.1));

  /* ---- Tipografia ---- */
  --font-display: "Calistoga", Georgia, serif;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  /* ---- Raio (20–28px, premium) ---- */
  --radius-sm: 14px;
  --radius: 20px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-full: 999px;

  /* ---- Sombras ---- */
  --shadow-sm: 0 1px 3px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 6px rgba(15, 23, 42, 0.07);
  --shadow-lg: 0 10px 15px rgba(15, 23, 42, 0.08);
  --shadow-xl: 0 20px 25px rgba(15, 23, 42, 0.1);
  --shadow-accent: 0 4px 14px rgba(0, 82, 255, 0.25);
  --shadow-accent-lg: 0 8px 24px rgba(0, 82, 255, 0.35);

  /* ---- Layout ---- */
  --container: 72rem;
  --section-y: clamp(6rem, 11vw, 10rem);
  --gutter: clamp(1.25rem, 4vw, 2rem);

  /* ---- Movimento ---- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 200ms;
  --duration: 300ms;
  --duration-slow: 700ms;
}