/* IT AI Recommendation Index — palette overrides for the Modernist design system.
   Load AFTER the design system's styles.css. Nothing else in the system changes:
   Archivo, radius 0, 2px rules, the spacing scale and every component are shared
   with the GTM AI Index. Only the colour roles below differ. */

:root {
  /* Roles */
  --color-bg:      #f2f3f4;  /* ground, cool  (GTM: #f3f2f2 warm) */
  --color-text:    #1c1e21;  /* ink, cool     (GTM: #201e1d warm) */
  --color-divider: #c4c8cb;  /* 1px rules inside a block */
  --color-accent:  #1546d8;  /* deep instrument blue (GTM: #ec3013) */

  /* Accent ramp */
  --color-accent-100: #e7ecfd;
  --color-accent-200: #c9d5fa;
  --color-accent-300: #9db1f4;
  --color-accent-400: #5b7aea;
  --color-accent-500: #1546d8;
  --color-accent-600: #123bb8;
  --color-accent-700: #0f3196;
  --color-accent-800: #0b2570;
  --color-accent-900: #071a4d;

  /* Mono scheme: accent-2 resolves to accent, exactly as in the GTM kit. */
  --color-accent-2:     #1546d8;
  --color-accent-2-500: #1546d8;
  --color-accent-2-700: #0f3196;

  /* Neutral ramp, cool. Same perceptual lightness steps as the GTM warm ramp. */
  --color-neutral-100: #eceeef;
  --color-neutral-200: #dcdfe1;
  --color-neutral-300: #c4c8cb;
  --color-neutral-400: #a4a9ad;
  --color-neutral-500: #7e8489;
  --color-neutral-600: #63696e;
  --color-neutral-700: #4b5055;
  --color-neutral-800: #34383c;
  --color-neutral-900: #1c1e21;
}