/* Nomio brand palette — standalone HTML edition
   Reference from animation files with:
     <link rel="stylesheet" href="../colors.css">
   Mirrors src/styles/colors.css — update both together when changing brand colours. */

:root {
  --color-black:         #282731;
  --color-white:         #FFFFFF;

  /* Gray */
  --color-gray-xdark:    #6D6A72;
  --color-gray-dark:     #CCC6CC;
  --color-gray:          #D7D2D7;
  --color-gray-light:    #EDEBED;
  --color-gray-xlight:   #F8F7F8;

  /* Red */
  --color-red-light:     #FFF0F0;
  --color-red:           #FF8985;
  --color-red-dark:      #990500;

  /* Orange */
  --color-orange-light:  #FFF5EB;
  --color-orange:        #FFB566;
  --color-orange-dark:   #994F00;

  /* Yellow */
  --color-yellow-light:  #FFF8F0;
  --color-yellow:        #FFE46B;
  --color-yellow-dark:   #997D00;

  /* Green */
  --color-green-light:   #F0FFF7;
  --color-green:         #5DFDA8;
  --color-green-dark:    #027E3C;

  /* Blue */
  --color-blue-light:    #F0FCFF;
  --color-blue:          #99EBFF;
  --color-blue-dark:     #006680;

  /* Purple */
  --color-purple-light:  #F0F0FF;
  --color-purple:        #BFBDFF;
  --color-purple-dark:   #050099;

  /* Pink */
  --color-pink-light:    #FFF5FF;
  --color-pink:          #FFA8FF;
  --color-pink-dark:     #7F0080;
}