/* Nexa IA — color tokens. Dark theme is the brand default (source site ships dark). */
:root {
  /* Base neutrals */
  --black: #050505;
  --bg-0: #080808;        /* nav / footer / deepest */
  --bg-1: #0a0a0a;        /* page background */
  --surface-1: #101010;   /* cards, pricing */
  --surface-2: #161616;   /* raised: terminal chrome, secondary buttons */
  --surface-3: #1f1f1f;   /* hover on raised */
  --white: #ffffff;

  /* Text */
  --fg-1: #fafafa;        /* headings, primary text */
  --fg-2: #a1a1a1;        /* body muted */
  --fg-3: #777777;        /* captions, eyebrow labels */

  /* Borders */
  --border-1: rgba(255, 255, 255, 0.08);  /* hairline grid + card borders */
  --border-2: rgba(255, 255, 255, 0.14);  /* interactive borders */

  /* Primary — coral/terracotta */
  --primary: #de7356;
  --primary-hover: #c15a3d;
  --primary-soft: rgba(222, 115, 86, 0.15);
  --primary-fg: #ffffff;

  /* Accent — deep rust (gradient text, section glows) */
  --accent: #b8562f;
  --accent-soft: rgba(184, 86, 47, 0.15);

  /* Semantic (terminal + states) */
  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;

  /* Gradient text presets */
  --gradient-blue: linear-gradient(90deg, #f5b79a 0%, #de7356 45%, #a8462a 100%); /* @kind color */
  --gradient-pink: linear-gradient(90deg, #ffffff 0%, #f0a688 40%, #b8562f 100%); /* @kind color */

  /* Semantic aliases */
  --text-body: var(--fg-2);
  --text-heading: var(--fg-1);
  --text-caption: var(--fg-3);
  --surface-page: var(--bg-1);
  --surface-card: var(--surface-1);
  --surface-raised: var(--surface-2);
  --link: var(--primary);
  --link-hover: var(--primary-hover);
}