/* General */
:root {
  --border-radius: 4px;
  --border-radius2x: 8px;
  --default: #777;
}
/* Skin Colors - Himalayan Rainbow Trout Palette */
:root {
  /* PRIMARY: Deep Aquatic Blue (The deep water) */
  --primary: #0077B6;
  --primary-100: #006ba4;
  --primary-200: #005f91;
  --primary-300: #005480;
  --primary--100: #1a85bd;
  --primary--200: #3392c5;
  --primary--300: #4da0cc;
  --primary-rgba-10: rgba(0, 119, 182, 0.1);
  --primary-rgba-50: rgba(0, 119, 182, 0.5);
  --primary-rgba-90: rgba(0, 119, 182, 0.9);

  /* SECONDARY: Fresh Mountain Teal (The organic/clean water vibe) */
  --secondary: #20B2AA;
  --secondary-100: #1ca099;
  --secondary-200: #198e88;
  --secondary-300: #157d77;
  --secondary--100: #36bab3;
  --secondary--200: #4dc2bc;
  --secondary--300: #63cac5;
  --secondary-rgba-10: rgba(32, 178, 170, 0.1);
  --secondary-rgba-50: rgba(32, 178, 170, 0.5);
  --secondary-rgba-90: rgba(32, 178, 170, 0.9);

  /* TERTIARY: Trout Rose Pink (The iconic lateral stripe of the Rainbow Trout) */
  --tertiary: #E97381;
  --tertiary-100: #d16774;
  --tertiary-200: #ba5c67;
  --tertiary-300: #a3515a;
  --tertiary--100: #eb818e;
  --tertiary--200: #ee909a;
  --tertiary--300: #f19fa7;
  --tertiary-rgba-10: rgba(233, 115, 129, 0.1);
  --tertiary-rgba-50: rgba(233, 115, 129, 0.5);
  --tertiary-rgba-90: rgba(233, 115, 129, 0.9);

  /* QUATERNARY: Slate Gray (The river stones and mountain roads) */
  --quaternary: #4A5568;
  --quaternary-100: #3e4758;
  --quaternary-200: #333b49;
  --quaternary--100: #5c6679;

  /* DARK: Deep River Depth */
  --dark: #1A202C;
  --light: #F7FAFC; /* Crisp Mountain Air White */
}

/* Skin Colors - Inverse */
:root {
  --primary-inverse: #FFF;
  --secondary-inverse: #FFF;
  --tertiary-inverse: #FFF;
  --quaternary-inverse: #FFF;
  --dark-inverse: #FFF;
  --light-inverse: #4A5568;
}
/* Grey Colors */
:root {
  --grey: #969696;
  --grey-100: #f4f4f4;
  --grey-200: #eaeaea;
  --grey-300: #e5e5e5;
  --grey-400: #e0e0e0;
  --grey-500: #dbdbdb;
  --grey-600: #cecece;
  --grey-700: #c1c1c1;
  --grey-800: #a8a8a8;
  --grey-900: #8e8e8e;
  --grey-1000: #757575;
}