/* =============================================================================
   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)  !important;
  --neutral-50:   #FFFFFF  !important;
  --neutral-100:  #FBFBFB  !important;
  --neutral-200:  #F0F0F0  !important;
  --neutral-300:  #E0E0E0  !important;
  --neutral-400:  #CCCCCC  !important;
  --neutral-500:  #999999  !important;
  --neutral-600:  #7F7F7F  !important;
  --neutral-700:  #666666  !important;
  --neutral-800:  #4C4C4C  !important;
  --neutral-900:  #333333  !important;
  --neutral-1000: #0D0D0D  !important;
  --neutral-1050: rgba(13, 13, 13, 0.5)  !important;
}


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


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


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


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


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


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


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


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


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


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


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


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


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


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