{
  "color": {
    "$type": "color",
    "brand": {
      "green": {
        "$value": "#C8F53C",
        "$description": "Cor de identidade do Spinlist. Usada em ações primárias, destaques e likes ativos."
      }
    },
    "background": {
      "$value": "#0f0f0f",
      "$description": "Fundo de toda a aplicação."
    },
    "surface": {
      "1": {
        "$value": "#1a1a1a",
        "$description": "Cards, inputs, bottom sheets. Nível 1 de elevação."
      },
      "2": {
        "$value": "#2a2a2a",
        "$description": "Divisores, bordas, separadores. Nível 2 de elevação."
      },
      "3": {
        "$value": "#333333",
        "$description": "Drag handles, elementos sobre cards. Nível 3 de elevação."
      }
    },
    "content": {
      "primary": {
        "$value": "#f5f5f5",
        "$description": "Texto principal, títulos."
      },
      "secondary": {
        "$value": "#888888",
        "$description": "Metadados, labels, placeholders."
      }
    },
    "semantic": {
      "error": {
        "$value": "#f87171",
        "$description": "Erros de validação e mensagens críticas. Equivale a red-400 do Tailwind."
      },
      "success": {
        "$value": "#22c55e",
        "$description": "Confirmações e importações concluídas. Equivale a green-500 do Tailwind."
      }
    },
    "genreGradient": {
      "$description": "Gradientes de fundo para cards de gênero. Chave = parent_genre do Discogs. Subgêneros herdam a cor do pai.",
      "rock":       { "$value": ["#1a0a2e", "#6b0080"], "$type": "color" },
      "electronic": { "$value": ["#050a2e", "#0a2a8e"], "$type": "color" },
      "jazz":       { "$value": ["#051a2e", "#0a4a6e"], "$type": "color" },
      "classical":  { "$value": ["#0a1a12", "#0a4a2e"], "$type": "color" },
      "latin":      { "$value": ["#2e1000", "#8e3a00"], "$type": "color" },
      "blues":      { "$value": ["#070714", "#0a2a50"], "$type": "color" },
      "funkSoul":   { "$value": ["#2e0e00", "#8e2a00"], "$type": "color" },
      "pop":        { "$value": ["#2e0028", "#8e0068"], "$type": "color" },
      "reggae":     { "$value": ["#06200a", "#0a5a1a"], "$type": "color" },
      "hipHop":     { "$value": ["#141400", "#3e3e00"], "$type": "color" },
      "folk":       { "$value": ["#1a0e00", "#5a2e00"], "$type": "color" },
      "stageScreen":{ "$value": ["#00142e", "#00346e"], "$type": "color" }
    }
  },

  "spacing": {
    "$type": "dimension",
    "1": {
      "$value": "4px",
      "$description": "Micro espaço dentro de chips e badges."
    },
    "2": {
      "$value": "8px",
      "$description": "Espaço mínimo entre elementos."
    },
    "3": {
      "$value": "12px",
      "$description": "Padding interno de chips, gap entre cards compactos."
    },
    "4": {
      "$value": "16px",
      "$description": "Padding horizontal de página, padding interno de cards."
    },
    "6": {
      "$value": "24px",
      "$description": "Espaço entre seções dentro de um card."
    },
    "8": {
      "$value": "32px",
      "$description": "Separação entre seções de página."
    }
  },

  "borderRadius": {
    "$type": "dimension",
    "xs": {
      "$value": "4px",
      "$description": "Badges de overlay sobre capas (nota, likes). Tailwind: rounded."
    },
    "sm": {
      "$value": "8px",
      "$description": "Capas de álbum, thumbnails, avatars quadrados. Tailwind: rounded-lg."
    },
    "md": {
      "$value": "12px",
      "$description": "Inputs, botões, cards menores. Tailwind: rounded-xl."
    },
    "lg": {
      "$value": "16px",
      "$description": "Cards principais, bottom sheets, banners. Tailwind: rounded-2xl."
    },
    "full": {
      "$value": "9999px",
      "$description": "Chips, avatars, badges circulares, drag handles. Tailwind: rounded-full."
    }
  },

  "opacity": {
    "$type": "number",
    "active": {
      "$value": "0.7",
      "$description": "Estado pressed em elementos interativos. Tailwind: active:opacity-70."
    },
    "disabled": {
      "$value": "0.4",
      "$description": "Estado disabled em botões e inputs. Tailwind: disabled:opacity-40."
    },
    "inactive": {
      "$value": "0.4",
      "$description": "Itens inativos de navegação (BottomNav). Tailwind: opacity-40."
    }
  },

  "duration": {
    "$type": "duration",
    "standard": {
      "$value": "200ms",
      "$description": "Duração padrão de todas as transições de interação. Tailwind: duration-200."
    }
  },

  "fontFamily": {
    "$type": "fontFamily",
    "base": {
      "$value": ["Inter", "sans-serif"],
      "$description": "Família tipográfica única do DiSco."
    },
    "mono": {
      "$value": ["JetBrains Mono", "monospace"],
      "$description": "Usada exclusivamente para exibição de código e tokens."
    }
  },

  "fontSize": {
    "$type": "dimension",
    "nano": {
      "$value": "10px",
      "$description": "Labels do BottomNav, captions de gráfico, headers de seção Admin. Tailwind: text-[10px]."
    },
    "xs": {
      "$value": "12px",
      "$description": "Labels, chips, metadados secundários. Tailwind: text-xs."
    },
    "sm": {
      "$value": "14px",
      "$description": "Corpo de texto, descrições. Tailwind: text-sm."
    },
    "base": {
      "$value": "16px",
      "$description": "Texto de leitura principal. Tailwind: text-base."
    },
    "xl": {
      "$value": "20px",
      "$description": "Title: subtítulos de seção. Tailwind: text-xl."
    },
    "2xl": {
      "$value": "24px",
      "$description": "Headline: títulos de página (h1). Tailwind: text-2xl."
    },
    "4xl": {
      "$value": "36px",
      "$description": "Display: hero e números de destaque. Tailwind: text-4xl."
    }
  },

  "fontWeight": {
    "$type": "number",
    "regular": {
      "$value": "400",
      "$description": "Texto de leitura."
    },
    "medium": {
      "$value": "500",
      "$description": "Labels de UI e navegação. Tailwind: font-medium."
    },
    "semibold": {
      "$value": "600",
      "$description": "Subcabeçalhos, botões secundários. Tailwind: font-semibold."
    },
    "bold": {
      "$value": "700",
      "$description": "Títulos de página, botões primários. Tailwind: font-bold."
    },
    "black": {
      "$value": "900",
      "$description": "Reservado para números de celebração (Milestone). Tailwind: font-black."
    }
  }
}