/* ============================================================
   MYPODS//LAB :: design tokens
   Fonte unica de cor, tipografia, espaco e movimento.
   ============================================================ */

:root {
  /* --- cor --------------------------------------------------- */
  --bg: #050706;
  --surface: #0c1110;
  --surface-2: #111917;
  --surface-3: #16201e;
  --line: rgba(245, 247, 246, 0.09);
  --line-strong: rgba(245, 247, 246, 0.18);

  --text: #f5f7f6;
  --text-dim: rgba(245, 247, 246, 0.62);
  --text-faint: rgba(245, 247, 246, 0.38);

  --acid: #00f5a0;
  --acid-dim: rgba(0, 245, 160, 0.14);
  --acid-glow: rgba(0, 245, 160, 0.32);
  --cyan: #27d7ff;
  --cyan-dim: rgba(39, 215, 255, 0.14);
  --warn: #ffb648;
  --danger: #ff5f6d;

  /* --- tipografia -------------------------------------------- */
  --font-display: "Archivo Narrow", "Oswald", "Roboto Condensed", "Arial Narrow",
    "Helvetica Neue Condensed", system-ui, sans-serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Consolas, monospace;

  --step--2: clamp(0.66rem, 0.63rem + 0.15vw, 0.72rem);
  --step--1: clamp(0.78rem, 0.74rem + 0.2vw, 0.86rem);
  --step-0: clamp(0.94rem, 0.9rem + 0.22vw, 1rem);
  --step-1: clamp(1.14rem, 1.05rem + 0.45vw, 1.35rem);
  --step-2: clamp(1.45rem, 1.28rem + 0.85vw, 2rem);
  --step-3: clamp(1.9rem, 1.5rem + 2vw, 3rem);
  --step-4: clamp(2.6rem, 1.7rem + 4.4vw, 5.5rem);
  --step-5: clamp(3.2rem, 1.6rem + 7.5vw, 8.5rem);

  /* --- espaco ------------------------------------------------ */
  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-5: 1.5rem;
  --sp-6: 2rem;
  --sp-7: 3rem;
  --sp-8: 4.5rem;
  --sp-9: 7rem;

  --radius-sm: 4px;
  --radius: 10px;
  --radius-lg: 18px;

  --shell: min(1320px, 100% - 2.5rem);
  --topbar-h: 34px;
  --header-h: 66px;
  /* altura total da barra fixa: usada por todo conteudo que comeca no topo */
  --top-total: calc(var(--topbar-h) + var(--header-h));

  /* --- movimento --------------------------------------------- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 160ms;
  --dur: 320ms;
  --dur-slow: 720ms;

  /* posicao do spotlight, atualizada por JS (transform apenas) */
  --spot-x: 50vw;
  --spot-y: 30vh;

  --z-bg: 0;
  --z-content: 10;
  --z-header: 60;
  --z-drawer: 80;
  --z-overlay: 70;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms;
    --dur: 1ms;
    --dur-slow: 1ms;
  }
}