/* CRM do Jordão — Color tokens
   Dark-mode B2B sales SaaS. Near-black base, single warm gold as the brand color,
   cool/warm semantic accents that mark STATE, never decoration. */

:root {
  /* ---- Base surfaces ---- */
  --bg-base: #08080A;         /* general page background */
  --bg-surface: #141417;      /* cards, elevated sections */
  --bg-surface-alt: #0E0E11;  /* inputs, fields */
  --bg-surface-2: #1A1A1F;    /* secondary cards / hover */
  --border: #26262C;          /* input & card borders */

  /* ---- Text ---- */
  --text-primary: #F6F5F1;    /* headlines, main text — warm off-white, not pure white */
  --text-secondary: #C7C5BC;  /* paragraphs, subtitles */
  --text-tertiary: #A3A197;   /* captions, support text */
  --text-inverse: #0A0A0B;    /* text on the gold button */

  /* ---- Brand & semantic ---- */
  --brand-gold: #F5C518;      /* primary: CTAs, highlights, badges, feature icons */
  --brand-gold-hover: #FFD642;
  --accent-green: #46C46B;    /* positive / success / WhatsApp / "won" */
  --accent-blue: #4A9BE5;     /* information */
  --accent-purple: #8B5CF6;   /* AI / Copiloto Jordão */
  --accent-red: #E5533C;      /* pain / alert — left border on "problem" cards */
  --accent-orange: #F5A623;   /* occasional, secondary to gold */

  /* ---- Tinted accent fills (badges/pills use accent text on ~12% tinted fill) ---- */
  --fill-gold: rgba(245, 197, 24, 0.12);
  --fill-green: rgba(70, 196, 107, 0.12);
  --fill-blue: rgba(74, 155, 229, 0.12);
  --fill-purple: rgba(139, 92, 246, 0.12);
  --fill-red: rgba(229, 83, 60, 0.12);
  --fill-orange: rgba(245, 166, 35, 0.12);

  /* ---- Semantic aliases ---- */
  --surface-page: var(--bg-base);
  --surface-card: var(--bg-surface);
  --surface-input: var(--bg-surface-alt);
  --surface-raised: var(--bg-surface-2);
  --text-body: var(--text-secondary);
  --text-heading: var(--text-primary);
  --text-muted: var(--text-tertiary);
  --accent-primary: var(--brand-gold);
  --accent-ai: var(--accent-purple);
  --accent-success: var(--accent-green);
  --accent-danger: var(--accent-red);
  --accent-info: var(--accent-blue);
}