/**
 * FeronBase Design Tokens v1.0
 * GERADO a partir de `brand/core/tokens/tokens.json` (fonte da verdade W3C).
 * Não edite à mão — rode `pnpm brand:build` (scripts/brand-build.ps1).
 *
 * Como importar:
 *   apps/feronbase/landing/index.html     → href="../brand/core/design-tokens.css"
 *   apps/{slug}/landing/index.html        → href="../../feronbase/brand/core/design-tokens.css"
 *   apps/{slug}/app/*.html                → href="../../feronbase/brand/core/design-tokens.css"
 *   Next.js futuro                        → import "@feronbase/brand/core/design-tokens.css"
 */
:root {
  /* Brand (imutáveis — extraídos do SVG oficial) */
  --fb-brand-primary: #3636a0;
  --fb-brand-secondary: #6666ff;
  --fb-brand-blend: #9999ff;

  /* Superfícies (light — padrão) */
  --fb-bg-app: #fafafa;
  --fb-bg-app-alt: #f5f5f7;
  --fb-bg-card: #ffffff;
  --fb-bg-elevated: #ffffff;
  --fb-bg-subtle: #f0f0f5;
  --fb-bg-brand-subtle: #ececf8;

  /* Bordas */
  --fb-border-default: #e4e4e8;
  --fb-border-muted: #ededf0;
  --fb-border-strong: #d0d0d8;
  --fb-border-brand: rgba(102, 102, 255, 0.28);

  /* Texto */
  --fb-text-primary: #141416;
  --fb-text-secondary: #52525a;
  --fb-text-tertiary: #74747e;
  --fb-text-brand: #3636a0;
  --fb-text-link: #3e3ead;

  /* Espaçamento (grid 4px) */
  --fb-space-1: 4px;
  --fb-space-2: 8px;
  --fb-space-3: 12px;
  --fb-space-4: 16px;
  --fb-space-6: 24px;
  --fb-space-8: 32px;
  --fb-space-12: 48px;
  --fb-space-16: 64px;
  --fb-space-20: 80px;
  --fb-space-24: 96px;

  /* Raio */
  --fb-radius-sm: 6px;
  --fb-radius-md: 8px;
  --fb-radius-lg: 12px;
  --fb-radius-xl: 16px;
  --fb-radius-2xl: 20px;
  --fb-radius-full: 9999px;

  /* Sombras (tint indigo, nunca preto pesado) */
  --fb-shadow-xs: 0 1px 2px rgba(20, 20, 40, 0.05);
  --fb-shadow-sm: 0 1px 3px rgba(20, 20, 40, 0.06), 0 1px 2px rgba(20, 20, 40, 0.04);
  --fb-shadow-md: 0 4px 12px rgba(54, 54, 160, 0.06), 0 2px 4px rgba(20, 20, 40, 0.04);
  --fb-shadow-lg: 0 12px 40px rgba(54, 54, 160, 0.1), 0 4px 12px rgba(20, 20, 40, 0.04);
  --fb-shadow-glow: 0 0 0 1px rgba(102, 102, 255, 0.12), 0 20px 50px rgba(54, 54, 160, 0.12);

  /* Motion */
  --fb-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --fb-duration-fast: 150ms;
  --fb-duration-normal: 220ms;
  --fb-duration-slow: 320ms;

  /* Tipografia */
  --fb-font-sans: "Satoshi", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --fb-font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "Consolas", monospace;
}