/* NeuraPoints — Color tokens
 * Source of truth: neurapoints-web app/lib/np-theme.js, app/lib/theme.js
 * Brand accent is sky blue #0BA5EC. The five "Point" colors encode the five
 * process patterns and are also the five circles of the brand mark. */
:root {
  /* ---- Brand accent (sky) ---- */
  --np-brand: #0BA5EC;
  --np-brand-hover: #0891D1;
  --np-brand-press: #0977AF;
  --np-brand-tint: #E0F2FE;
  --np-brand-tint-2: #B9E6FE;

  /* ---- Brand background (logo backdrop — deep navy) ---- */
  --np-brand-bg: #151C2F;
  --np-brand-bg-soft: #1E2740;
  --np-brand-bg-strong: #0E1424;

  /* ---- Point / process-pattern colors ---- */
  --np-point-view: #34ADDB;      /* ViewPoint — cyan blue */
  --np-point-character: #7360A9; /* CharacterPoint — purple */
  --np-point-part: #EE404C;      /* PartPoint — red */
  --np-point-change: #7DC47B;    /* ChangePoint — green */
  --np-point-group: #BD9455;     /* GroupPoint — gold */

  /* ---- Primary scale (deep indigo → sky → violet) ---- */
  --np-p01: #0C018C;
  --np-p02: #331BD7;
  --np-p03: #0BA5EC;
  --np-p04: #B484EB;
  --np-p05: #DABAFF;
  --np-p06: #E3CBFF;
  --np-p07: #EBDBFF;

  /* ---- Neutral scale ---- */
  --np-n01: #EEF0F4;
  --np-n02: #F5F5F5;
  --np-n03: #E3E9EE;
  --np-n04: #717680;
  --np-n05: #393E44;
  --np-n06: #181D27;
  --np-n07: #414651;
  --np-white: #FFFFFF;
  --np-off-white: #FCFDFE;

  /* ---- Borders ---- */
  --np-border: #D5D7DA;
  --np-border-strong: #A4A7AE;
  --np-border-active: #0C0C0C;

  /* ---- Semantic ---- */
  --np-success: #17B26A;
  --np-success-soft: #4BAB71;
  --np-warning: #FFC224;
  --np-error: #D92D20;
  --np-error-soft: #F04438;
  --np-info: #0084FF;

  /* ---- Extended accent palette ---- */
  --np-c-pink: #FF66C2;
  --np-c-blue: #0084FF;
  --np-c-green: #4BAB71;
  --np-c-yellow: #FFC224;
  --np-c-rose: #EF476F;
  --np-c-magenta: #BF1CDD;
  --np-c-indigo: #6924B4;
  --np-c-plum: #33001E;

  /* ---- Surfaces / semantic aliases ---- */
  --np-bg: #EEF0F4;
  --np-surface: #FFFFFF;
  --np-surface-muted: #FAFAFA;
  --np-surface-alt: #F5F5F5;
  --np-canvas-bg: #DFE4EA;
  --np-canvas-dot: #BDC3C7;

  /* ---- Text ---- */
  --np-text: #181D27;
  --np-text-secondary: #414651;
  --np-text-muted: #717680;
  --np-text-faint: #A4A7AE;
  --np-text-invert: #FCFDFE;

  /* ---- Dark menu surface (context menus, account menu) ---- */
  --np-menu-bg: #0A0D12;
  --np-menu-border: #292D32;
  --np-menu-item-hover: #0BA5EC;

  /* ---- Gradients ---- */
  --np-gradient-main: linear-gradient(135deg, #9A77FF 0%, #0084FF 100%); /* @kind color */
  --np-gradient-sunset: linear-gradient(105.91deg, #FF0F7B 0%, #F89B29 64.82%); /* @kind color */
  --np-gradient-violet: linear-gradient(105.91deg, #0C018C 0.01%, #B484EB 100%); /* @kind color */
  --np-gradient-ocean: linear-gradient(105.91deg, #0061FF 0%, #60EFFF 64.82%); /* @kind color */
  --np-gradient-indigo: linear-gradient(138.06deg, #0C018C -9.08%, #0084FF 59.54%); /* @kind color */
  --np-gradient-magenta: linear-gradient(105.91deg, #0C018C 0%, #FF66C2 64.82%); /* @kind color */
}