/* =============================================================================
   SIMSCALE — GLOBAL COLOUR TOKENS (PRODUCTION OVERRIDE)

   Production keeps the legacy teal primary scale.
   --primary-* are remapped to the teal values until the brand switch goes live.
   ============================================================================= */


/* -----------------------------------------------------------------------------
   NEUTRAL
   ----------------------------------------------------------------------------- */
:root {
  --neutral-0:    rgba(255, 255, 255, 0);
  --neutral-50:   #FFFFFF;
  --neutral-100:  #FBFBFB;
  --neutral-200:  #F0F0F0;
  --neutral-300:  #E0E0E0;
  --neutral-400:  #CCCCCC;
  --neutral-500:  #999999;
  --neutral-600:  #7F7F7F;
  --neutral-700:  #666666;
  --neutral-800:  #4C4C4C;
  --neutral-900:  #333333;
  --neutral-1000: #0D0D0D;
  --neutral-1050: rgba(13, 13, 13, 0.5);
}


/* -----------------------------------------------------------------------------
   PRIMARY — legacy teal scale (active in production)
   ----------------------------------------------------------------------------- */
:root {
  --primary-100:  #E0EFF5;
  --primary-200:  #C4E0EB;
  --primary-300:  #A8D0E1;
  --primary-400:  #70B2CE;
  --primary-500:  #3894BB;
  --primary-600:  #1C85B2;
  --primary-700:  #0076A8;
  --primary-800:  #005E86;
  --primary-900:  #004765;
  --primary-1000: #002F43;
}


/* -----------------------------------------------------------------------------
   PRIMARY — legacy aliases (kept for compatibility)
   ----------------------------------------------------------------------------- */
:root {
  --primary-legacy-100:  #E0EFF5;
  --primary-legacy-200:  #C4E0EB;
  --primary-legacy-300:  #A8D0E1;
  --primary-legacy-400:  #70B2CE;
  --primary-legacy-500:  #3894BB;
  --primary-legacy-600:  #1C85B2;
  --primary-legacy-700:  #0076A8;
  --primary-legacy-800:  #005E86;
  --primary-legacy-900:  #004765;
  --primary-legacy-1000: #002F43;
}


/* -----------------------------------------------------------------------------
   GREEN
   ----------------------------------------------------------------------------- */
:root {
  --green-100:  #E6F5E8;
  --green-200:  #CDECD1;
  --green-300:  #9FDAA7;
  --green-400:  #62C46F;
  --green-500:  #05A019;
  --green-600:  #058516;
  --green-700:  #047513;
  --green-800:  #03600F;
  --green-900:  #02510C;
  --green-1000: #02400A;
}


/* -----------------------------------------------------------------------------
   YELLOW
   ----------------------------------------------------------------------------- */
:root {
  --yellow-100:  #FCF6E5;
  --yellow-200:  #F8EECC;
  --yellow-300:  #F0DB92;
  --yellow-400:  #E8C654;
  --yellow-500:  #DDAA00;
  --yellow-600:  #C59700;
  --yellow-700:  #A98200;
  --yellow-800:  #856600;
  --yellow-900:  #705602;
  --yellow-1000: #584400;
}


/* -----------------------------------------------------------------------------
   RED
   ----------------------------------------------------------------------------- */
:root {
  --red-100:  #FFF0F1;
  --red-200:  #FFE0E2;
  --red-300:  #F7C0C3;
  --red-400:  #F3A0A4;
  --red-500:  #EE7C83;
  --red-600:  #E42E38;
  --red-700:  #D42B34;
  --red-800:  #BE262E;
  --red-900:  #981E24;
  --red-1000: #73151B;
}


/* -----------------------------------------------------------------------------
   TURQUOISE
   ----------------------------------------------------------------------------- */
:root {
  --turquoise-100:  #E9F7FC;
  --turquoise-200:  #D3F0F9;
  --turquoise-300:  #AFE3F4;
  --turquoise-400:  #81D4EF;
  --turquoise-500:  #25B4E2;
  --turquoise-600:  #22A6D0;
  --turquoise-700:  #1E95BB;
  --turquoise-800:  #187594;
  --turquoise-900:  #11566C;
  --turquoise-1000: #0B3645;
}


/* -----------------------------------------------------------------------------
   LIME
   ----------------------------------------------------------------------------- */
:root {
  --lime-100:  #F9FFF3;
  --lime-200:  #EFFEDC;
  --lime-300:  #E4FBC7;
  --lime-400:  #BADC6B;
  --lime-500:  #8EBC0A;
  --lime-600:  #80A80A;
  --lime-700:  #729608;
  --lime-800:  #557106;
  --lime-900:  #455C05;
  --lime-1000: #394B04;
}


/* -----------------------------------------------------------------------------
   PINK
   ----------------------------------------------------------------------------- */
:root {
  --pink-100:  #FDF0F2;
  --pink-200:  #FAD5D7;
  --pink-300:  #F6B6C0;
  --pink-400:  #F296A4;
  --pink-500:  #ED6F82;
  --pink-600:  #DF6577;
  --pink-700:  #D35B6D;
  --pink-800:  #B74758;
  --pink-900:  #9E3444;
  --pink-1000: #832130;
}


/* -----------------------------------------------------------------------------
   ORANGE
   ----------------------------------------------------------------------------- */
:root {
  --orange-100:  #FAEEEA;
  --orange-200:  #F8DDCF;
  --orange-300:  #F3BB98;
  --orange-400:  #ED8C4C;
  --orange-500:  #E57131;
  --orange-600:  #DC5415;
  --orange-700:  #CB4D12;
  --orange-800:  #B6440E;
  --orange-900:  #A33B0B;
  --orange-1000: #8E3206;
}


/* -----------------------------------------------------------------------------
   STONE (warm grey)
   ----------------------------------------------------------------------------- */
:root {
  --stone-100:  #F5EFEB;
  --stone-200:  #E9E4E0;
  --stone-300:  #DAD5D1;
  --stone-400:  #C3BEBA;
  --stone-500:  #A9A4A0;
  --stone-600:  #908B87;
  --stone-700:  #75706C;
  --stone-800:  #5C5753;
  --stone-900:  #3E3935;
  --stone-1000: #24211F;
}


/* -----------------------------------------------------------------------------
   PURPLE
   ----------------------------------------------------------------------------- */
:root {
  --purple-100:  #EFD0FE;
  --purple-200:  #E7C0FB;
  --purple-300:  #DFB0F6;
  --purple-400:  #D699F3;
  --purple-500:  #CA7DEF;
  --purple-600:  #BE62EA;
  --purple-700:  #AF3BE6;
  --purple-800:  #9601DD;
  --purple-900:  #8B02CC;
  --purple-1000: #7802B1;
}


/* -----------------------------------------------------------------------------
   AXES
   ----------------------------------------------------------------------------- */
:root {
  --axes-x: #FF5555;
  --axes-y: #62F962;
  --axes-z: #5555FF;
}


/* -----------------------------------------------------------------------------
   MARKETING
   ----------------------------------------------------------------------------- */
:root {
  --marketing-100: #27D8FB;
  --marketing-200: #0E63FE;
  --marketing-300: #FB6A27;
  --marketing-400: rgba(247, 247, 247, 0);
}


/* -----------------------------------------------------------------------------
   CHANNEL VARIABLES (R G B) for rgba(var(--XChannel) / alpha) usage
   Primary channels reflect the teal production values.
   ----------------------------------------------------------------------------- */
:root {
  --neutral-50Channel:    255 255 255;
  --neutral-300Channel:   224 224 224;
  --neutral-400Channel:   204 204 204;
  --neutral-500Channel:   153 153 153;
  --neutral-600Channel:   127 127 127;
  --neutral-700Channel:   102 102 102;
  --neutral-900Channel:    51  51  51;
  --neutral-1000Channel:   13  13  13;
  --primary-100Channel:   224 239 245;  /* #E0EFF5 */
  --primary-700Channel:     0 118 168;  /* #0076A8 */
  --primary-800Channel:     0  94 134;  /* #005E86 */
  --primary-900Channel:     0  71 101;  /* #004765 */
  --green-400Channel:      98 196 111;
  --green-500Channel:       5 160  25;
  --green-600Channel:       5 133  22;
  --yellow-400Channel:    232 198  84;
  --yellow-500Channel:    221 170   0;
  --yellow-600Channel:    197 151   0;
  --red-500Channel:       238 124 131;
  --red-600Channel:       228  46  56;
  --red-700Channel:       212  43  52;
  --border-weakChannel:   224 224 224;
  --fg-strongChannel:      51  51  51;
}