/* ══════════════════════════════════════════════════════════════════════
   The Crypto Hub — Brand color tokens
   Extracted verbatim from src/app/globals.css.
   The product is dark-mode-first; the dark theme is the primary brand surface.
   Drop this file in and reference the custom properties, or copy the values.
   ══════════════════════════════════════════════════════════════════════ */

:root {
  /* ── Brand accents (theme-independent) ── */
  --brand-profit: #22C55E;   /* primary brand color / positive / buy */
  --brand-profit-light: #4ADE80;
  --brand-loss: #EF4444;     /* negative / sell / destructive */
  --brand-loss-light: #F87171;
  --brand-gold: #F59E0B;     /* premium / light-theme primary */
  --brand-gold-light: #FBBF24;
  --brand-purple: #8B5CF6;   /* secondary data accent */
  --brand-purple-light: #A78BFA;
  --brand-cyan: #06B6D4;     /* tertiary data accent */
  --brand-cyan-light: #22D3EE;
  --brand-orange: #F97316;   /* quaternary accent */
  --brand-orange-light: #FB923C;

  /* ── Brand 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);

  /* ── Light theme surfaces & text ── */
  --background: #F8FAFC;
  --foreground: #1E293B;
  --card: #FFFFFF;
  --muted-foreground: #64748B;
  --border: #E2E8F0;
  --primary: #F59E0B;
}

/* ── Dark theme (primary brand surface) ── */
.dark {
  --background: #111113;
  --background-simplified: #000000;
  --sidebar: #0E0E10;
  --popover: #18181B;
  --foreground: #EAEAEC;
  --muted-foreground: #A1A1AA;
  --primary: #22C55E;
  --accent-foreground: #4ADE80;
  --card: rgba(255, 255, 255, 0.035);
  --border: rgba(255, 255, 255, 0.07);
  --input: rgba(255, 255, 255, 0.08);
}