/* =========================================================
   THEME VARIABLES (Aligned Palette)
   - Primary:   #1DABD4 (fixed)
   - Secondary: #313949 (fixed)
   - Tertiary & Quaternary updated to match
   - Grey scale updated to cool-neutral harmony
   ========================================================= */

/* General */
:root{
  --border-radius: 0;
  --border-radius2x: 10px;
  --default: #777;
}

/* Skin Colors */
:root{
  /* Primary (fixed) */
  --primary: #1DABD4;

  /* Primary - darker (shade) */
  --primary-100: #1A96BB;
  --primary-200: #1682A1;
  --primary-300: #136D88;

  /* Primary - lighter (tint) */
  --primary--100: #46BADC;
  --primary--200: #65C6E2;
  --primary--300: #85D2E8;

  /* Primary RGBA (rgb(29,171,212)) */
  --primary-rgba-0: rgba(29, 171, 212, 0);
  --primary-rgba-10: rgba(29, 171, 212, 0.1);
  --primary-rgba-20: rgba(29, 171, 212, 0.2);
  --primary-rgba-30: rgba(29, 171, 212, 0.3);
  --primary-rgba-40: rgba(29, 171, 212, 0.4);
  --primary-rgba-50: rgba(29, 171, 212, 0.5);
  --primary-rgba-60: rgba(29, 171, 212, 0.6);
  --primary-rgba-70: rgba(29, 171, 212, 0.7);
  --primary-rgba-80: rgba(29, 171, 212, 0.8);
  --primary-rgba-90: rgba(29, 171, 212, 0.9);

  /* Secondary (fixed) */
  --secondary: #313949;

  /* Secondary - darker (shade) */
  --secondary-100: #2B3240;
  --secondary-200: #252B37;
  --secondary-300: #1F242F;

  /* Secondary - lighter (tint) */
  --secondary--100: #565D6A;
  --secondary--200: #737883;
  --secondary--300: #90949D;

  /* Secondary RGBA (rgb(49,57,73)) */
  --secondary-rgba-0: rgba(49, 57, 73, 0);
  --secondary-rgba-10: rgba(49, 57, 73, 0.1);
  --secondary-rgba-20: rgba(49, 57, 73, 0.2);
  --secondary-rgba-30: rgba(49, 57, 73, 0.3);
  --secondary-rgba-40: rgba(49, 57, 73, 0.4);
  --secondary-rgba-50: rgba(49, 57, 73, 0.5);
  --secondary-rgba-60: rgba(49, 57, 73, 0.6);
  --secondary-rgba-70: rgba(49, 57, 73, 0.7);
  --secondary-rgba-80: rgba(49, 57, 73, 0.8);
  --secondary-rgba-90: rgba(49, 57, 73, 0.9);

  /* Tertiary (deep navy aligned with secondary) */
  --tertiary: #141A26;
  --tertiary-100: #10151F;
  --tertiary-200: #0C1018;
  --tertiary-300: #080B12;

  --tertiary--100: #2A3142;
  --tertiary--200: #3A4256;
  --tertiary--300: #4C566D;

  /* Tertiary RGBA (rgb(20,26,38)) */
  --tertiary-rgba-0: rgba(20, 26, 38, 0);
  --tertiary-rgba-10: rgba(20, 26, 38, 0.1);
  --tertiary-rgba-20: rgba(20, 26, 38, 0.2);
  --tertiary-rgba-30: rgba(20, 26, 38, 0.3);
  --tertiary-rgba-40: rgba(20, 26, 38, 0.4);
  --tertiary-rgba-50: rgba(20, 26, 38, 0.5);
  --tertiary-rgba-60: rgba(20, 26, 38, 0.6);
  --tertiary-rgba-70: rgba(20, 26, 38, 0.7);
  --tertiary-rgba-80: rgba(20, 26, 38, 0.8);
  --tertiary-rgba-90: rgba(20, 26, 38, 0.9);

  /* Quaternary (cool-neutral background aligned with primary/secondary) */
  --quaternary: #F4F7FA;
  --quaternary-100: #E9EEF4;
  --quaternary-200: #DEE6EE;
  --quaternary-300: #D3DDE8;

  --quaternary--100: #FAFCFE;
  --quaternary--200: #FFFFFF;
  --quaternary--300: #FFFFFF;

  /* Quaternary RGBA (rgb(244,247,250)) */
  --quaternary-rgba-0: rgba(244, 247, 250, 0);
  --quaternary-rgba-10: rgba(244, 247, 250, 0.1);
  --quaternary-rgba-20: rgba(244, 247, 250, 0.2);
  --quaternary-rgba-30: rgba(244, 247, 250, 0.3);
  --quaternary-rgba-40: rgba(244, 247, 250, 0.4);
  --quaternary-rgba-50: rgba(244, 247, 250, 0.5);
  --quaternary-rgba-60: rgba(244, 247, 250, 0.6);
  --quaternary-rgba-70: rgba(244, 247, 250, 0.7);
  --quaternary-rgba-80: rgba(244, 247, 250, 0.8);
  --quaternary-rgba-90: rgba(244, 247, 250, 0.9);

  /* Dark / Light (kept as-is) */
  --dark: #111;
  --dark-100: #040404;
  --dark-200: #000000;
  --dark-300: #000000;
  --dark--100: #1e1e1e;
  --dark--200: #242424;
  --dark--300: #2b2b2b;
  --dark-rgba-0: rgba(17, 17, 17, 0);
  --dark-rgba-10: rgba(17, 17, 17, 0.1);
  --dark-rgba-20: rgba(17, 17, 17, 0.2);
  --dark-rgba-30: rgba(17, 17, 17, 0.3);
  --dark-rgba-40: rgba(17, 17, 17, 0.4);
  --dark-rgba-50: rgba(17, 17, 17, 0.5);
  --dark-rgba-60: rgba(17, 17, 17, 0.6);
  --dark-rgba-70: rgba(17, 17, 17, 0.7);
  --dark-rgba-80: rgba(17, 17, 17, 0.8);
  --dark-rgba-90: rgba(17, 17, 17, 0.9);

  --light: #FFF;
  --light-100: #f2f2f2;
  --light-200: #ececec;
  --light-300: #e6e6e6;
  --light--100: #ffffff;
  --light--200: #ffffff;
  --light--300: #ffffff;
  --light-rgba-0: rgba(255, 255, 255, 0);
  --light-rgba-10: rgba(255, 255, 255, 0.1);
  --light-rgba-20: rgba(255, 255, 255, 0.2);
  --light-rgba-30: rgba(255, 255, 255, 0.3);
  --light-rgba-40: rgba(255, 255, 255, 0.4);
  --light-rgba-50: rgba(255, 255, 255, 0.5);
  --light-rgba-60: rgba(255, 255, 255, 0.6);
  --light-rgba-70: rgba(255, 255, 255, 0.7);
  --light-rgba-80: rgba(255, 255, 255, 0.8);
  --light-rgba-90: rgba(255, 255, 255, 0.9);
}

/* Skin Colors - Inverse */
:root{
  --primary-inverse: #FFF;
  --secondary-inverse: #FFF;
  --tertiary-inverse: #FFF;

  /* On light surfaces, use secondary as readable inverse text */
  --quaternary-inverse: #313949;
  --dark-inverse: #FFF;
  --light-inverse: #313949;
}

/* Grey Colors (cool-neutral aligned) */
:root{
  --grey: #7C8796;
  --grey-100: #F5F7FA;
  --grey-200: #EEF2F6;
  --grey-300: #E6ECF2;
  --grey-400: #DEE6EE;
  --grey-500: #D4DDE7;
  --grey-600: #C7D2DE;
  --grey-700: #B9C6D4;
  --grey-800: #9FB0C2;
  --grey-900: #8599AE;
  --grey-1000: #6C8196;
}

/* LESS error message (kept as-is) */
.less-error-message ul,
.less-error-message li{
  list-style-type: none;
  margin-right: 15px;
  padding: 4px 0;
  margin: 0;
}
.less-error-message label{
  font-size: 12px;
  margin-right: 15px;
  padding: 4px 0;
  color: #cc7777;
}
.less-error-message pre{
  color: #dd6666;
  padding: 4px 0;
  margin: 0;
  display: inline-block;
}
.less-error-message pre.line{ color: #ff0000; }
.less-error-message h3{
  font-size: 20px;
  font-weight: bold;
  padding: 15px 0 5px 0;
  margin: 0;
}
.less-error-message a{ color: #10a; }
.less-error-message .error{
  color: red;
  font-weight: bold;
  padding-bottom: 2px;
  border-bottom: 1px dashed red;
}