Proposal for naming convention of colors for Effective.

Effective Color Scheme

// Thoughts on construction?

//// Example of variables
// Grey 1 - 5
$grey1: #acacad;
$grey2: #707070;
$grey3: #505158;
$grey4: #707070;
$grey5: #33343b;


// Black 1 - 4
$black: #14121A;
$black2: #23242b;
$black3: #15161b;
$black4: #08080A;


body or :root {

  --brand: #brandColor;

  --background: #151515;
  --primary: #08090A;
  --primaryVariant: #313132;


  --secondary: #3315BA;
  --secondaryVariant: #7145EE;


  --surface01: #262626;
  // Define this if needed for on top of surfaces
  --onSurface01: #262626;


  // Accent Colors
  --error: #EB4C44;
  
  }