/* LAST UPDATED: 07.22.2024 - SM */
/* THIS IS A WORK IN PROGRESS */
/* "primary" means main and frequently used brand colors */


/* Brand colors */
:root {
  /* Monarch blue */
  --primary-color: #003057;
  /* EVMS Blue */
  --primary-accent: #1f7f9b;
  /* Dark blue (EVMS) */
  --primary-dark: #002539;
  /* Silver reign */
  --secondary-accent: #828a8f;
  /* Hudson blue */
   --secondary-light: #7cbfe5;
  /* CTA green */
  --secondary-bright: #008549;

  /* White */
  --primary-neutral-light: #ffffff;
  /* Black */
  --primary-neutral-dark: #000000;
  /* Gray */
  --primary-neutral-gray: #949ca1;


  /* See Natalie's Figma */
  --primary-color-shade: #002539;
  --primary-color-tint: #002a4a;
  --primary-accent-shade: #146485;
  --primary-accent-tint: #4fa0c1;

  --secondary-accent-shade: #e8e8e8;
  --secondary-accent-tint: #5e6366; 
  --secondary-dark-shade: var(--primary-to-dark-gradient);
  --secondary-bright-shade: #014224;
  --secondary-light-tint: #add7ef;

  /* White */
  /* --secondary-neutral-light: */
  --secondary-neutral-dark-gray: #5e6366; /* Dark silver reign */
  --secondary-neutral-med-gray: #c9c9c9; /* Med. silver reign */
  --secondary-neutral-light-gray: #e8e8e8; /* Light silver reign */

  /* NEW gradients */
  /* Primary color to primary dark color (Monarch Blue -> [EVMS] Dark blue) */
  --primary-to-dark-gradient: linear-gradient(var(--primary-color), var(--primary-dark));

  /* Primary color to primary accent (Monarch Blue -> EVMS Blue) */
  --primary-to-primary-accent-gradient: linear-gradient(to right, var(--primary-color) 45%, var(--primary-accent));

  /* Primary accent to primary-color (EVMS Blue -> Monarch Blue) */
  --primary-accent-to-primary-color-gradient: linear-gradient(to right, var(--primary-accent) 45%, var(--primary-color));

  /* Primary accent to white (EVMS Blue -> White) */
  --primary-accent-to-neutral-light-gradient: linear-gradient(var(--primary-accent) 20%, var(--primary-neutral-light));

  /* Secondary accent to secondary-neutral-light-gray (Silver reign -> light silver reign) */
  --secondary-accent-to-secondary-neutral-light-gradient: linear-gradient(to bottom, var(--secondary-accent), var(--secondary-neutral-light-gray), var(--primary-neutral-light));

  /* Secondary light to secondary light tint (Light Hudson Blue -> white) */
  --secondary-light-to-secondary-tint-gradient: linear-gradient(to bottom, var(--secondary-light-tint) 0%, var(--primary-neutral-light) 100%);


  /* For alerts */
  --red-alert: #a4342d;
  --yellow-alert: #fbca62;
}