/* ============================================================ LEXICON DESIGN TOKENS — Light High Contrast Auto-generated from "Light High Contrast.tokens.json" Usage: add class="light-hc" to or use @media (prefers-contrast: more) ============================================================ */ .light-hc, [data-theme="light-hc"] { --color-primary-d2: #0D2A65; --color-primary-d1: #0D2A65; --color-primary: #1852BF; --color-primary-l0: #A3C3FF; --color-primary-l1: #A3C3FF; --color-primary-l2: #A3C3FF; --color-primary-l3: #A3C3FF; --color-secondary: #6B6C7E; --color-secondary-l0: #B0B0C4; --color-secondary-l1: #B0B0C4; --color-secondary-l2: #B0B0C4; --color-secondary-l3: #B0B0C4; --color-dark-d2: #1A1A1A; --color-dark-d1: #1A1A1A; --color-dark: #272833; --color-dark-l1: #4A4B57; --color-dark-l2: #4A4B57; --color-light-d2: #4A4B57; --color-light-d1: #4A4B57; --color-light: #BFC0C8; --color-light-l1: #F5F6F7; --color-white: #F5F6F7; --color-success-d2: #1C5629; --color-success-d1: #1C5629; --color-success: #5ACA75; --color-success-l1: #EDF9F0; --color-success-l2: #EDF9F0; --color-info-d2: #234584; --color-info-d1: #234584; --color-info: #294F98; --color-info-l1: #EEF2FA; --color-info-l2: #EEF2FA; --color-warning-d2: #863A00; --color-warning-d1: #863A00; --color-warning: #B95000; --color-warning-l1: #FFF4EC; --color-warning-l2: #FFF4EC; --color-danger-d2: #AB1010; --color-danger-d1: #AB1010; --color-danger: #C31212; --color-danger-l1: #FEEFEF; --color-danger-l2: #FEEFEF; --color-chart-blue-d4: #004799; --color-chart-blue-d3: #004799; --color-chart-blue-d2: #004799; --color-chart-blue-d1: #004799; --color-chart-blue: #006EFF; --color-chart-blue-l1: #E5F1FF; --color-chart-blue-l2: #E5F1FF; --color-chart-blue-l3: #E5F1FF; --color-chart-blue-l4: #E5F1FF; --color-chart-blue-l5: #E5F1FF; --color-chart-orange-d4: #662700; --color-chart-orange-d3: #662700; --color-chart-orange-d2: #662700; --color-chart-orange-d1: #662700; --color-chart-orange: #993B00; --color-chart-orange-l1: #FFF0E5; --color-chart-orange-l2: #FFF0E5; --color-chart-orange-l3: #FFF0E5; --color-chart-orange-l4: #FFF0E5; --color-chart-orange-l5: #FFF0E5; --color-chart-red-d4: #800000; --color-chart-red-d3: #800000; --color-chart-red-d2: #800000; --color-chart-red-d1: #800000; --color-chart-red: #B30000; --color-chart-red-l1: #FFE5E5; --color-chart-red-l2: #FFE5E5; --color-chart-red-l3: #FFE5E5; --color-chart-red-l4: #FFE5E5; --color-chart-red-l5: #FFE5E5; --color-chart-teal-d4: #092A25; --color-chart-teal-d3: #092A25; --color-chart-teal-d2: #092A25; --color-chart-teal-d1: #092A25; --color-chart-teal: #125449; --color-chart-teal-l1: #EAFBF8; --color-chart-teal-l2: #EAFBF8; --color-chart-teal-l3: #EAFBF8; --color-chart-teal-l4: #EAFBF8; --color-chart-teal-l5: #EAFBF8; --color-chart-pink-d4: #800048; --color-chart-pink-d3: #800048; --color-chart-pink-d2: #800048; --color-chart-pink-d1: #800048; --color-chart-pink: #990057; --color-chart-pink-l1: #FFE5F4; --color-chart-pink-l2: #FFE5F4; --color-chart-pink-l3: #FFE5F4; --color-chart-pink-l4: #FFE5F4; --color-chart-pink-l5: #FFE5F4; --color-chart-green-d4: #162D06; --color-chart-green-d3: #162D06; --color-chart-green-d2: #162D06; --color-chart-green-d1: #162D06; --color-chart-green: #2E590D; --color-chart-green-l1: #F1FCE9; --color-chart-green-l2: #F1FCE9; --color-chart-green-l3: #F1FCE9; --color-chart-green-l4: #F1FCE9; --color-chart-green-l5: #F1FCE9; --color-chart-purple-d4: #7700CC; --color-chart-purple-d3: #7700CC; --color-chart-purple-d2: #7700CC; --color-chart-purple-d1: #7700CC; --color-chart-purple: #8600E6; --color-chart-purple-l1: #F2E5FF; --color-chart-purple-l2: #F2E5FF; --color-chart-purple-l3: #F2E5FF; --color-chart-purple-l4: #F2E5FF; --color-chart-purple-l5: #F2E5FF; --color-chart-yellow-d4: #997000; --color-chart-yellow-d3: #997000; --color-chart-yellow-d2: #997000; --color-chart-yellow-d1: #997000; --color-chart-yellow: #FFBB00; --color-chart-yellow-l1: #FFF8E5; --color-chart-yellow-l2: #FFF8E5; --color-chart-yellow-l3: #FFF8E5; --color-chart-yellow-l4: #FFF8E5; --color-chart-yellow-l5: #FFF8E5; --color-chart-cyan-d4: #00334D; --color-chart-cyan-d3: #00334D; --color-chart-cyan-d2: #00334D; --color-chart-cyan-d1: #00334D; --color-chart-cyan: #005580; --color-chart-cyan-l1: #E5F6FF; --color-chart-cyan-l2: #E5F6FF; --color-chart-cyan-l3: #E5F6FF; --color-chart-cyan-l4: #E5F6FF; --color-chart-cyan-l5: #E5F6FF; --color-chart-indigo-d4: #0017E5; --color-chart-indigo-d3: #0017E5; --color-chart-indigo-d2: #0017E5; --color-chart-indigo-d1: #0017E5; --color-chart-indigo: #1A30FF; --color-chart-indigo-l1: #E5E8FF; --color-chart-indigo-l2: #E5E8FF; --color-chart-indigo-l3: #E5E8FF; --color-chart-indigo-l4: #E5E8FF; --color-chart-indigo-l5: #E5E8FF; } /* Auto-apply high contrast when OS preference is set */ @media (prefers-contrast: more) { :root { --color-primary-d2: #0D2A65; --color-primary-d1: #0D2A65; --color-primary: #1852BF; --color-primary-l0: #A3C3FF; --color-primary-l1: #A3C3FF; --color-primary-l2: #A3C3FF; --color-primary-l3: #A3C3FF; --color-secondary: #6B6C7E; --color-secondary-l0: #B0B0C4; --color-secondary-l1: #B0B0C4; --color-secondary-l2: #B0B0C4; --color-secondary-l3: #B0B0C4; --color-dark-d2: #1A1A1A; --color-dark-d1: #1A1A1A; --color-dark: #272833; --color-dark-l1: #4A4B57; --color-dark-l2: #4A4B57; --color-light-d2: #4A4B57; --color-light-d1: #4A4B57; --color-light: #BFC0C8; --color-light-l1: #F5F6F7; --color-white: #F5F6F7; --color-success-d2: #1C5629; --color-success-d1: #1C5629; --color-success: #5ACA75; --color-success-l1: #EDF9F0; --color-success-l2: #EDF9F0; --color-info-d2: #234584; --color-info-d1: #234584; --color-info: #294F98; --color-info-l1: #EEF2FA; --color-info-l2: #EEF2FA; --color-warning-d2: #863A00; --color-warning-d1: #863A00; --color-warning: #B95000; --color-warning-l1: #FFF4EC; --color-warning-l2: #FFF4EC; --color-danger-d2: #AB1010; --color-danger-d1: #AB1010; --color-danger: #C31212; --color-danger-l1: #FEEFEF; --color-danger-l2: #FEEFEF; --color-chart-blue-d4: #004799; --color-chart-blue-d3: #004799; --color-chart-blue-d2: #004799; --color-chart-blue-d1: #004799; --color-chart-blue: #006EFF; --color-chart-blue-l1: #E5F1FF; --color-chart-blue-l2: #E5F1FF; --color-chart-blue-l3: #E5F1FF; --color-chart-blue-l4: #E5F1FF; --color-chart-blue-l5: #E5F1FF; --color-chart-orange-d4: #662700; --color-chart-orange-d3: #662700; --color-chart-orange-d2: #662700; --color-chart-orange-d1: #662700; --color-chart-orange: #993B00; --color-chart-orange-l1: #FFF0E5; --color-chart-orange-l2: #FFF0E5; --color-chart-orange-l3: #FFF0E5; --color-chart-orange-l4: #FFF0E5; --color-chart-orange-l5: #FFF0E5; --color-chart-red-d4: #800000; --color-chart-red-d3: #800000; --color-chart-red-d2: #800000; --color-chart-red-d1: #800000; --color-chart-red: #B30000; --color-chart-red-l1: #FFE5E5; --color-chart-red-l2: #FFE5E5; --color-chart-red-l3: #FFE5E5; --color-chart-red-l4: #FFE5E5; --color-chart-red-l5: #FFE5E5; --color-chart-teal-d4: #092A25; --color-chart-teal-d3: #092A25; --color-chart-teal-d2: #092A25; --color-chart-teal-d1: #092A25; --color-chart-teal: #125449; --color-chart-teal-l1: #EAFBF8; --color-chart-teal-l2: #EAFBF8; --color-chart-teal-l3: #EAFBF8; --color-chart-teal-l4: #EAFBF8; --color-chart-teal-l5: #EAFBF8; --color-chart-pink-d4: #800048; --color-chart-pink-d3: #800048; --color-chart-pink-d2: #800048; --color-chart-pink-d1: #800048; --color-chart-pink: #990057; --color-chart-pink-l1: #FFE5F4; --color-chart-pink-l2: #FFE5F4; --color-chart-pink-l3: #FFE5F4; --color-chart-pink-l4: #FFE5F4; --color-chart-pink-l5: #FFE5F4; --color-chart-green-d4: #162D06; --color-chart-green-d3: #162D06; --color-chart-green-d2: #162D06; --color-chart-green-d1: #162D06; --color-chart-green: #2E590D; --color-chart-green-l1: #F1FCE9; --color-chart-green-l2: #F1FCE9; --color-chart-green-l3: #F1FCE9; --color-chart-green-l4: #F1FCE9; --color-chart-green-l5: #F1FCE9; --color-chart-purple-d4: #7700CC; --color-chart-purple-d3: #7700CC; --color-chart-purple-d2: #7700CC; --color-chart-purple-d1: #7700CC; --color-chart-purple: #8600E6; --color-chart-purple-l1: #F2E5FF; --color-chart-purple-l2: #F2E5FF; --color-chart-purple-l3: #F2E5FF; --color-chart-purple-l4: #F2E5FF; --color-chart-purple-l5: #F2E5FF; --color-chart-yellow-d4: #997000; --color-chart-yellow-d3: #997000; --color-chart-yellow-d2: #997000; --color-chart-yellow-d1: #997000; --color-chart-yellow: #FFBB00; --color-chart-yellow-l1: #FFF8E5; --color-chart-yellow-l2: #FFF8E5; --color-chart-yellow-l3: #FFF8E5; --color-chart-yellow-l4: #FFF8E5; --color-chart-yellow-l5: #FFF8E5; --color-chart-cyan-d4: #00334D; --color-chart-cyan-d3: #00334D; --color-chart-cyan-d2: #00334D; --color-chart-cyan-d1: #00334D; --color-chart-cyan: #005580; --color-chart-cyan-l1: #E5F6FF; --color-chart-cyan-l2: #E5F6FF; --color-chart-cyan-l3: #E5F6FF; --color-chart-cyan-l4: #E5F6FF; --color-chart-cyan-l5: #E5F6FF; --color-chart-indigo-d4: #0017E5; --color-chart-indigo-d3: #0017E5; --color-chart-indigo-d2: #0017E5; --color-chart-indigo-d1: #0017E5; --color-chart-indigo: #1A30FF; --color-chart-indigo-l1: #E5E8FF; --color-chart-indigo-l2: #E5E8FF; --color-chart-indigo-l3: #E5E8FF; --color-chart-indigo-l4: #E5E8FF; --color-chart-indigo-l5: #E5E8FF; } }