/* ============================================================
   COLORS
   Sampled from the one real UI screenshot in the source PDF
   (dark app surface, violet primary action) plus neutrals we
   derived to build out a full system around it.
   ============================================================ */

:root {
  /* Base palette */
  --black: #000000;
  --gray-950: #0a0a0b;
  --gray-900: #131315;
  --gray-800: #1b1c1e;
  --gray-700: #26282b;
  --gray-600: #33373a;
  --gray-500: #55585c;
  --gray-400: #7c8085;
  --gray-300: #a8abaf;
  --gray-200: #d2d4d6;
  --gray-100: #eceded;
  --white: #ffffff;

  /* Brand violet — sampled directly from reference button (rgb 124,113,218) */
  --violet-700: #6a5fc7;
  --violet-600: #7c71da;
  --violet-500: #9089e2;
  --violet-400: #a19be5;
  --violet-300: #beb9ee;
  --violet-200: #ded9f8;

  /* Semantic aliases */
  --surface-app: var(--black);
  --surface-raised: var(--gray-900);
  --surface-card: var(--gray-800);
  --surface-inset: var(--gray-700);
  --surface-overlay: rgba(0, 0, 0, 0.6);

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-default: rgba(255, 255, 255, 0.14);
  --border-strong: rgba(255, 255, 255, 0.24);

  --text-primary: var(--white);
  --text-secondary: var(--gray-300);
  --text-tertiary: var(--gray-400);
  --text-on-accent: #17142b;

  --accent: var(--violet-600);
  --accent-hover: var(--violet-500);
  --accent-active: var(--violet-700);
  --accent-soft: rgba(124, 113, 218, 0.16);

  --state-success: #57c98a;
  --state-warning: #e0b94f;
  --state-danger: #e2666b;
}