{
  "brand": "The Crypto Hub",
  "note": "Values extracted verbatim from src/app/globals.css. The app is dark-mode-first; the dark theme is the primary brand surface. Light theme values are included for completeness.",
  "accents": {
    "profit": {
      "hex": "#22C55E",
      "role": "Primary brand color / positive change / buy. Powers the logo, gradient wordmark, primary CTA (dark), focus rings, glows.",
      "cssVar": "--profit",
      "tailwind": "profit",
      "gradientLight": "#4ADE80",
      "chipText": "#4ADE80"
    },
    "loss": {
      "hex": "#EF4444",
      "role": "Negative change / sell / destructive.",
      "cssVar": "--loss",
      "tailwind": "loss",
      "chipText": "#F87171"
    },
    "gold": {
      "hex": "#F59E0B",
      "role": "Premium / highlights / primary brand color on the light theme.",
      "cssVar": "--gold",
      "tailwind": "gold",
      "gradientLight": "#FBBF24",
      "chipText": "#FBBF24"
    },
    "purple": {
      "hex": "#8B5CF6",
      "role": "Secondary data accent (charts, DeFi, categories).",
      "cssVar": "--purple-accent",
      "tailwind": "purple",
      "gradientLight": "#A78BFA",
      "chipText": "#A78BFA"
    },
    "cyan": {
      "hex": "#06B6D4",
      "role": "Tertiary data accent (charts, info).",
      "cssVar": "--chart-5",
      "tailwind": "chart-5",
      "chipText": "#22D3EE"
    },
    "orange": {
      "hex": "#F97316",
      "role": "Quaternary accent (icon chips / warnings).",
      "cssVar": null,
      "tailwind": null,
      "chipText": "#FB923C"
    }
  },
  "darkTheme": {
    "background": { "hex": "#111113", "cssVar": "--background", "role": "App background (primary brand surface)" },
    "backgroundSimplified": { "hex": "#000000", "cssVar": "--background", "role": "Simplified view-mode background (pure black)" },
    "sidebar": { "hex": "#0E0E10", "cssVar": "--sidebar", "role": "Sidebar / navigation surface" },
    "popover": { "hex": "#18181B", "cssVar": "--popover", "role": "Popovers, menus, dialogs" },
    "foreground": { "hex": "#EAEAEC", "cssVar": "--foreground", "role": "Primary text" },
    "mutedForeground": { "hex": "#A1A1AA", "cssVar": "--muted-foreground", "role": "Secondary / muted text" },
    "primary": { "hex": "#22C55E", "cssVar": "--primary", "role": "Primary action (green on dark)" },
    "accentForeground": { "hex": "#4ADE80", "cssVar": "--accent-foreground", "role": "Accent text (light green)" },
    "card": { "value": "rgba(255,255,255,0.035)", "cssVar": "--card", "role": "Card surface (translucent glass over background)" },
    "border": { "value": "rgba(255,255,255,0.07)", "cssVar": "--border", "role": "Default border / hairline" },
    "input": { "value": "rgba(255,255,255,0.08)", "cssVar": "--input", "role": "Input border" }
  },
  "lightTheme": {
    "background": { "hex": "#F8FAFC", "cssVar": "--background", "role": "App background" },
    "foreground": { "hex": "#1E293B", "cssVar": "--foreground", "role": "Primary text" },
    "card": { "hex": "#FFFFFF", "cssVar": "--card", "role": "Card surface" },
    "mutedForeground": { "hex": "#64748B", "cssVar": "--muted-foreground", "role": "Secondary / muted text" },
    "border": { "hex": "#E2E8F0", "cssVar": "--border", "role": "Default border" },
    "primary": { "hex": "#F59E0B", "cssVar": "--primary", "role": "Primary action (gold on light)" }
  },
  "gradients": {
    "gradient-text": "linear-gradient(135deg, #22C55E, #4ADE80, #22C55E)",
    "gradient-text-gold": "linear-gradient(135deg, #F59E0B, #FBBF24, #F59E0B)",
    "gradient-text-purple": "linear-gradient(135deg, #8B5CF6, #A78BFA, #8B5CF6)"
  }
}