/* Nexigence colors. Change a value here and it updates across the site.
   Rarely used Webflow colors still sit in global.css and can be added here later. */
:root {
  /* Brand */
  --nx-dark: #0d0c1d;          /* Nex dark: dark sections, buttons, text on light */
  --nx-blue: #3735f2;          /* Nex blue: accent buttons and highlights */
  --nx-blue-light: #5f5ef5;    /* Nex blue hover */
  --nx-blue-pale: #dfdffe;     /* Pale tint behind blue elements */

  /* Neutrals */
  --nx-white: #ffffff;         /* Light sections, text on dark */
  --nx-white-border: rgba(255, 255, 255, .25); /* Nav bar border */
  --nx-grey-light: #e9e8e8;    /* Dividers and pale fills */
  --nx-grey: #616161;          /* Secondary text */
  --nx-grey-dark: #464646;     /* Secondary text on light */

  /* Cards */
  --nx-card-1: #1b1a26;                  /* Dark cards: home bento, About */
  --nx-card-2: rgba(246, 248, 250, .65); /* Light cards: service pages */
  --nx-card-3: #b8c5d3;                  /* Blue-grey cards: About, home testimonial */

  /* Accents */
  --nx-accent-pink: #ff0062;
  --nx-accent-green: #d3ffd0;
  --nx-accent-salmon: #ff8d86;
}