{
  "$meta": {
    "name": "NOVA AI Solutions — Design System",
    "version": "3.0",
    "description": "Tokens de design para uso em código, Figma Tokens e Style Dictionary",
    "generated": "2025"
  },

  "color": {
    "brand": {
      "blue":         { "value": "#49AECC", "description": "Azul primário da marca" },
      "blue-dark":    { "value": "#3A8FA8", "description": "Azul escuro — hover/active" },
      "blue-light":   { "value": "#6DC5DB", "description": "Azul claro — backgrounds sutis" },
      "green":        { "value": "#31D6AB", "description": "Verde primário da marca — CTAs de conversão" },
      "green-dark":   { "value": "#28B08D", "description": "Verde escuro — hover/active" },
      "green-light":  { "value": "#5CE0C0", "description": "Verde claro — backgrounds sutis" }
    },
    "dark": {
      "bg":      { "value": "#0a0f1e", "description": "Fundo principal dark" },
      "section": { "value": "#0d1726", "description": "Fundo de seções e sidebar" },
      "card":    { "value": "#111d30", "description": "Fundo de cards e painéis" }
    },
    "neutral": {
      "light":     { "value": "#f5f7fa", "description": "Neutro mais claro" },
      "primary":   { "value": "#f0f4f8", "description": "Texto primário no tema dark" },
      "secondary": { "value": "#a0aec0", "description": "Texto secundário / labels" }
    },
    "semantic": {
      "dark": {
        "bg-body":       { "value": "#0a0f1e" },
        "bg-surface":    { "value": "#0d1726" },
        "bg-card":       { "value": "#111d30" },
        "bg-section":    { "value": "#0d1726" },
        "text-primary":  { "value": "#f0f4f8" },
        "text-secondary":{ "value": "#a0aec0" },
        "text-inverse":  { "value": "#0a0f1e" },
        "border-subtle": { "value": "rgba(255, 255, 255, 0.06)" },
        "border-brand":  { "value": "rgba(49, 214, 171, 0.3)" }
      },
      "light": {
        "bg-body":       { "value": "#f8fafc" },
        "bg-surface":    { "value": "#ffffff" },
        "bg-card":       { "value": "#ffffff" },
        "bg-section":    { "value": "#f1f5f9" },
        "text-primary":  { "value": "#0f172a" },
        "text-secondary":{ "value": "#475569" },
        "text-inverse":  { "value": "#f0f4f8" },
        "border-subtle": { "value": "rgba(0, 0, 0, 0.08)" },
        "border-brand":  { "value": "rgba(49, 214, 171, 0.4)" }
      }
    }
  },

  "typography": {
    "font-family": {
      "display": { "value": "\"Gyrotrope\", system-ui, -apple-system, sans-serif", "description": "Fonte display — títulos e headings" },
      "body":    { "value": "\"Geist\", \"Geist Sans\", system-ui, sans-serif",      "description": "Fonte corpo — texto corrido" },
      "mono":    { "value": "\"Geist Mono\", \"JetBrains Mono\", monospace",          "description": "Fonte monoespaçada — código" }
    }
  },

  "spacing": {
    "4xs": { "value": "0.125rem", "px": "2px",   "description": "Micro ajustes" },
    "3xs": { "value": "0.25rem",  "px": "4px",   "description": "Gap ícone e texto" },
    "2xs": { "value": "0.5rem",   "px": "8px",   "description": "Padding interno pequeno" },
    "xs":  { "value": "0.75rem",  "px": "12px",  "description": "Botões compactos" },
    "sm":  { "value": "1rem",     "px": "16px",  "description": "Padding padrão" },
    "md":  { "value": "1.5rem",   "px": "24px",  "description": "Cards e modais" },
    "lg":  { "value": "2rem",     "px": "32px",  "description": "Seções internas" },
    "xl":  { "value": "3rem",     "px": "48px",  "description": "Espaçamento entre blocos" },
    "2xl": { "value": "4rem",     "px": "64px",  "description": "Seções de página" },
    "3xl": { "value": "6rem",     "px": "96px",  "description": "Hero sections" },
    "4xl": { "value": "8rem",     "px": "128px", "description": "Grandes seções" }
  },

  "border-radius": {
    "sm":   { "value": "0.375rem", "description": "Botões pequenos" },
    "md":   { "value": "0.625rem", "description": "Inputs e botões padrão" },
    "lg":   { "value": "1rem",     "description": "Cards" },
    "xl":   { "value": "1.5rem",   "description": "Painéis e modais" },
    "2xl":  { "value": "2.5rem",   "description": "Elementos grandes arredondados" },
    "full": { "value": "9999px",   "description": "Badges, avatares, pills" }
  },

  "motion": {
    "easing": {
      "smooth": { "value": "cubic-bezier(0.4, 0, 0.2, 1)",       "description": "Transição suave padrão" },
      "snap":   { "value": "cubic-bezier(0.16, 1, 0.3, 1)",      "description": "Entrada rápida com desaceleração" },
      "spring": { "value": "cubic-bezier(0.175, 0.885, 0.32, 1.275)", "description": "Efeito elástico leve" }
    },
    "duration": {
      "instant":  { "value": "80ms",  "description": "Feedback imediato — ícones, checkboxes" },
      "fast":     { "value": "150ms", "description": "Hover states, tooltips" },
      "base":     { "value": "200ms", "description": "Transições padrão" },
      "slow":     { "value": "350ms", "description": "Modais, drawers" },
      "slower":   { "value": "500ms", "description": "Page transitions" },
      "sluggish": { "value": "800ms", "description": "Animações de entrada longas" }
    }
  },

  "elevation": {
    "dark": {
      "shadow-1": { "value": "0 1px 2px rgba(0, 0, 0, 0.24)",   "description": "Cards em repouso" },
      "shadow-2": { "value": "0 4px 8px rgba(0, 0, 0, 0.28)",   "description": "Cards com hover" },
      "shadow-3": { "value": "0 8px 24px rgba(0, 0, 0, 0.34)",  "description": "Dropdowns e popovers" },
      "shadow-4": { "value": "0 20px 48px rgba(0, 0, 0, 0.42)", "description": "Modais e overlays" }
    },
    "light": {
      "shadow-1": { "value": "0 1px 2px rgba(0, 0, 0, 0.06)" },
      "shadow-2": { "value": "0 4px 8px rgba(0, 0, 0, 0.08)" },
      "shadow-3": { "value": "0 8px 24px rgba(0, 0, 0, 0.10)" },
      "shadow-4": { "value": "0 20px 48px rgba(0, 0, 0, 0.14)" }
    }
  },

  "z-index": {
    "base":     { "value": 0,   "description": "Fluxo normal" },
    "raised":   { "value": 10,  "description": "Elementos levemente elevados" },
    "dropdown": { "value": 100, "description": "Menus e dropdowns" },
    "sticky":   { "value": 200, "description": "Headers e navbars fixas" },
    "overlay":  { "value": 300, "description": "Backgrounds de modal" },
    "modal":    { "value": 400, "description": "Janelas modais" },
    "popover":  { "value": 500, "description": "Tooltips e popovers" },
    "toast":    { "value": 600, "description": "Notificações toast" }
  }
}