/* ============================================================
   Ai-Revolution — Color Primitives
   Raw, theme-agnostic values. Sampled from the brand assets:
   logo crossbar gradient, light/dark backgrounds, headline type.
   Semantic aliases live in themes.css.
   ============================================================ */
:root {
  /* ---- Brand gradient (THE signature) ------------------------------
     EXACT stops sampled from the A-mark crossbar (light context).   */
  --brand-cyan:   #109CD4;   /* gradient start  */
  --brand-mid:    #1690D9;   /* gradient middle */
  --brand-blue:   #1D84DF;   /* gradient end / primary solid */

  /* Glow variant — the crossbar as rendered on dark backgrounds */
  --brand-glow-1: #BEF6FE;
  --brand-glow-2: #8ED9FC;
  --brand-glow-3: #76BAFF;

  /* Headline accents sampled from the specimen screenshots */
  --brand-sky:    #7EC6FD;   /* dark-mode headline blue */
  --brand-royal:  #338FDF;   /* light-mode headline blue */

  /* ---- Blue scale (built around the brand endpoints) ---- */
  --blue-50:  #EAF4FC;
  --blue-100: #CFE8FB;
  --blue-200: #A9E9FD;
  --blue-300: #7EC6FD;
  --blue-400: #2E9BE6;
  --blue-500: #1D84DF;   /* = --brand-blue */
  --blue-600: #1670C4;   /* hover */
  --blue-700: #135FA8;   /* active / pressed */
  --blue-800: #0E4A82;
  --blue-900: #0A3358;

  /* ---- Ink / neutral scale (cool, navy-leaning) ----
     Anchored to the logo ink (#14171E) and the sampled
     dark/light background tones.                       */
  --ink-950: #04050A;   /* darkest — dark page base   */
  --ink-900: #070A11;   /* dark page base 2           */
  --ink-850: #0A0D14;
  --ink-800: #0F141E;   /* dark elevated surface      */
  --ink-750: #141A26;   /* dark elevated surface 2    */
  --ink-700: #14171E;   /* LOGO INK / primary text    */
  --ink-600: #1E2531;
  --ink-500: #2C3543;
  --ink-400: #46505F;
  --ink-300: #69727F;
  --ink-250: #8A93A0;
  --ink-200: #9AA6B6;
  --ink-150: #C3CAD4;
  --ink-100: #D8DEE7;
  --ink-75:  #E6EAF1;   /* light surface-2            */
  --ink-50:  #EBEEF4;   /* light page base (sampled)  */
  --ink-25:  #F4F6FA;
  --white:   #FFFFFF;

  /* ---- Semantic status hues (tuned to sit beside the blue) ---- */
  --green-500:  #1FA971;
  --green-bg:   #E4F6EE;
  --amber-500:  #E8973B;
  --amber-bg:   #FBF0DF;
  --red-500:    #E5484D;
  --red-bg:     #FCE9E9;

  /* ---- Signature gradients ---- */
  --gradient-brand:      linear-gradient(90deg, var(--brand-cyan) 0%, var(--brand-mid) 50%, var(--brand-blue) 100%);
  --gradient-brand-135:  linear-gradient(135deg, var(--brand-cyan) 0%, var(--brand-blue) 100%);
  --gradient-brand-glow: linear-gradient(90deg, var(--brand-glow-1) 0%, var(--brand-glow-2) 50%, var(--brand-glow-3) 100%);
  --gradient-brand-glow-135: linear-gradient(135deg, var(--brand-glow-1) 0%, var(--brand-glow-3) 100%);
  --gradient-text-dark:  linear-gradient(180deg, #BEF0FF 0%, #7EC6FD 100%);
  --gradient-text-light: linear-gradient(180deg, #2E9BE6 0%, #1D84DF 100%);
}