/* ============================================================
   Dattu — Design Tokens
   TEMA: preto profundo com gradientes roxo, na linguagem do
   Key Visual oficial (preto + halos roxo radiais).

   Marca (design system do produto, DaisyUI):
     primary #8B5CF6 · secondary #6D28D9 · accent #7C3AED
   Neutros escuros: base do sistema (#111827) escurecidos para
   o preto do KV.
   NAO existe laranja nem verde na paleta.

   Trocar de paleta = editar SOMENTE este arquivo.
   ============================================================ */

:root {
  color-scheme: dark;

  /* ---- Marca ---- */
  --primary:           #8B5CF6;
  --primary-content:   #FFFFFF;
  --secondary:         #6D28D9;
  --secondary-content: #FFFFFF;
  --accent:            #7C3AED;
  --accent-content:    #FFFFFF;

  --brand-strong: #5B21B6;
  --brand-soft:   #A78BFA;
  --brand-deep:   #2E0F52;   /* roxo profundo do KV */
  --brand-wash:   #17102B;   /* fundo suave arroxeado */
  --brand-line:   #3B2A66;

  /* ---- Superficies: preto profundo ---- */
  --base-000: #050408;   /* preto do KV */
  --base-100: #0A0912;
  --base-200: #12101C;
  --base-300: #1E1B2E;
  --base-content: #F4F2FA;

  --bg:      var(--base-000);
  --bg-soft: var(--base-100);
  --bg-inset:var(--base-200);
  --surface: var(--base-100);
  --line:        #241F38;
  --line-strong: #372F52;

  /* ---- Texto ---- */
  --text:      var(--base-content);
  --text-mid:  #B9B2CE;
  --text-soft: #877FA0;
  --on-brand:  var(--primary-content);

  /* ---- Semantico (do design system) ---- */
  --info:    #60A5FA; --info-content:    #0A0912;
  --success: #34D399; --success-content: #0A0912;
  --warning: #FBBF24; --warning-content: #0A0912;
  --error:   #F87171; --error-content:   #0A0912;

  /* ---- Gradientes: o "detalhe" da identidade ---- */
  /* Halo radial grande, como as curvas de luz do Key Visual */
  --halo-1: radial-gradient(60% 55% at 78% 8%,
              rgba(124, 58, 237, 0.34) 0%,
              rgba(124, 58, 237, 0.12) 42%,
              transparent 72%);
  --halo-2: radial-gradient(50% 45% at 8% 92%,
              rgba(139, 92, 246, 0.20) 0%,
              transparent 68%);
  --halo-soft: radial-gradient(45% 40% at 50% 0%,
              rgba(124, 58, 237, 0.16) 0%,
              transparent 70%);

  /* Superficie de card com leve elevacao luminosa */
  --grad-surface: linear-gradient(160deg,
              rgba(139, 92, 246, 0.09) 0%,
              rgba(139, 92, 246, 0.02) 34%,
              transparent 62%);
  /* Botao e faixas de marca */
  --grad-brand: linear-gradient(135deg, #6D28D9 0%, #7C3AED 52%, #8B5CF6 100%);
  --grad-line:  linear-gradient(90deg, transparent, var(--accent), transparent);

  /* ---- Tipografia ---- */
  --font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont,
               "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  --step--1: clamp(0.82rem, 0.80rem + 0.10vw, 0.88rem);
  --step-0:  clamp(1rem, 0.96rem + 0.20vw, 1.09rem);
  --step-1:  clamp(1.20rem, 1.12rem + 0.40vw, 1.45rem);
  --step-2:  clamp(1.45rem, 1.30rem + 0.75vw, 1.95rem);
  --step-3:  clamp(1.80rem, 1.50rem + 1.50vw, 2.75rem);
  --step-4:  clamp(2.15rem, 1.60rem + 2.70vw, 4.00rem);

  /* ---- Espaco ---- */
  --gap-xs: 0.5rem;
  --gap-sm: 0.85rem;
  --gap:    1.35rem;
  --gap-lg: 2.25rem;
  --section: clamp(3.25rem, 2.5rem + 3.2vw, 6rem);
  --maxw: 1180px;

  /* ---- Forma (raios do design system) ---- */
  --r-field: 0.25rem;
  --r-box:   0.5rem;
  --r-sm: var(--r-field);
  --r:    var(--r-box);
  --r-lg: 0.875rem;
  --border: 1px;

  --shadow-sm:  0 1px 2px rgba(0, 0, 0, 0.5);
  --shadow:     0 10px 40px rgba(0, 0, 0, 0.55);
  --shadow-cta: 0 8px 28px rgba(109, 40, 217, 0.42);

  --dur: 180ms;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

/* A LP e sempre escura: o KV da marca e preto. Se algum dia for
   preciso uma variante clara, ela entra aqui como [data-theme="light"]. */