/* CAMIX — Color tokens
   Dark-first system. Pure-black canvas, near-black surfaces,
   a single violet→magenta accent used sparingly on key moments. */
:root {
  /* ---- Base neutrals (canvas → elevated) ---- */
  --black: #000000;
  --bg: #0c0c0c;            /* page canvas */
  --bg-deep: #060606;       /* deepest wells, table rows */
  --surface-1: #0e0e10;     /* cards */
  --surface-2: #131316;     /* elevated cards, inputs */
  --surface-3: #1a1a1f;     /* hover / popovers */

  /* ---- Hairlines & borders ---- */
  --border: rgba(255, 255, 255, 0.08);
  --border-strong: rgba(255, 255, 255, 0.14);
  --border-faint: rgba(255, 255, 255, 0.05);
  --grid-line: rgba(255, 255, 255, 0.035); /* faint background grid */

  /* ---- Text ---- */
  --text-primary: #ffffff;
  --text-secondary: #a7a7b0;  /* sublabels, descriptions */
  --text-muted: #6c6c76;      /* captions, meta */
  --text-disabled: #45454d;
  --text-on-accent: #ffffff;
  --text-on-light: #0c0c0c;   /* on white pill buttons */

  /* ---- Accent: violet → magenta ---- */
  --accent: #8625fe;          /* primary violet */
  --accent-2: #df2bfc;        /* magenta endpoint */
  --accent-bright: #a855f7;   /* hover / icon strokes */
  --accent-ink: #c9a6ff;      /* accent text on dark */
  --accent-soft: rgba(134, 37, 254, 0.16);  /* icon-badge fill, pill bg */
  --accent-soft-2: rgba(134, 37, 254, 0.28);
  --accent-ring: rgba(134, 37, 254, 0.45);  /* focus ring */

  /* ---- Signature gradients ---- */
  --grad-accent: linear-gradient(100deg, #8625fe 0%, #df2bfc 100%); /* @kind other */
  --grad-accent-vert: linear-gradient(180deg, #8625fe 0%, #df2bfc 100%); /* @kind other */
  /* radial glow dropped into card corners / hero */
  --glow-accent: radial-gradient(60% 80% at 50% 0%, rgba(134, 37, 254, 0.22) 0%, rgba(134, 37, 254, 0) 70%); /* @kind other */

  /* ---- Semantic status ---- */
  --success: #36d399;
  --warning: #fbbf24;
  --danger: #f43f5e;
  --info: var(--accent-bright);

  /* ---- Pure white (pill buttons, mark) ---- */
  --white: #ffffff;
}