/* Elevated Health support theme. Palette follows the approved TRT site. */
:root {
  --blue-1: 250 252 250;
  --blue-2: 245 248 243;
  --blue-3: 234 242 230;
  --blue-4: 220 234 214;
  --blue-5: 201 222 194;
  --blue-6: 177 204 166;
  --blue-7: 146 182 134;
  --blue-8: 104 151 91;
  --blue-9: 43 106 71;
  --blue-10: 28 58 44;
  --blue-11: 43 106 71;
  --blue-12: 20 44 30;
  --text-blue: 43 106 71;
  --solid-blue: 220 234 214;
  --border-blue: 43, 106, 71, 0.5;
}
.dark {
  --blue-1: 15 24 19;
  --blue-2: 20 32 24;
  --blue-3: 25 48 33;
  --blue-4: 30 61 41;
  --blue-5: 38 75 50;
  --blue-6: 49 91 62;
  --blue-7: 64 110 76;
  --blue-8: 81 132 90;
  --blue-9: 43 106 71;
  --blue-10: 32 86 56;
  --blue-11: 167 212 170;
  --blue-12: 224 240 219;
  --text-blue: 167 212 170;
  --solid-blue: 30 61 41;
  --border-blue: 146, 182, 134, 0.5;
}

/* Remap the native brand utilities; upstream n-brand is a literal color. */
.border-n-brand{border-color:rgb(43 106 71 / var(--tw-border-opacity))}
.border-t-n-brand{border-top-color:rgb(43 106 71 / var(--tw-border-opacity))}
.bg-n-brand{background-color:rgb(43 106 71 / var(--tw-bg-opacity))}
.bg-n-brand\/10{background-color:#2b6a471a}
.bg-n-brand\/5{background-color:#2b6a470d}
.text-n-brand{color:rgb(var(--text-blue) / var(--tw-text-opacity,1))}
.\!shadow-n-brand{--tw-shadow-color: #2b6a47 !important;--tw-shadow: var(--tw-shadow-colored) !important}
.\!outline-n-brand{outline-color:#2b6a47!important}
.outline-n-brand{outline-color:#2b6a47}
.outline-n-brand\/30{outline-color:#2b6a474d}
.ring-n-brand{--tw-ring-opacity: 1;--tw-ring-color: rgb(43 106 71 / var(--tw-ring-opacity))}
.text-link{color:rgb(var(--text-blue) / var(--tw-text-opacity,1))}
.text-link:hover{--tw-text-opacity: 1;color:rgb(var(--text-blue) / var(--tw-text-opacity,1));color:rgb(var(--text-blue) / var(--tw-text-opacity,1))}
.before\:\!border-t-n-brand:before{border-top-color:rgb(43 106 71 / var(--tw-border-opacity))!important}
.before\:bg-n-brand:before{background-color:rgb(43 106 71 / var(--tw-bg-opacity))}
.checked\:border-n-brand:checked{border-color:rgb(43 106 71 / var(--tw-border-opacity))}
.checked\:bg-n-brand:checked{background-color:rgb(43 106 71 / var(--tw-bg-opacity))}
.indeterminate\:border-n-brand:indeterminate{border-color:rgb(43 106 71 / var(--tw-border-opacity))}
.indeterminate\:bg-n-brand:indeterminate{background-color:rgb(43 106 71 / var(--tw-bg-opacity))}
.focus-within\:outline-n-brand:focus-within{outline-color:#2b6a47}
.focus-within\:ring-n-brand:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(43 106 71 / var(--tw-ring-opacity))}
.hover\:bg-n-brand\/10:hover{background-color:#2b6a471a}
.hover\:text-n-brand:hover{color:rgb(var(--text-blue) / var(--tw-text-opacity,1))}
.focus\:border-n-brand:focus{border-color:rgb(43 106 71 / var(--tw-border-opacity))}
.focus\:outline-n-brand:focus{outline-color:#2b6a47}
.focus\:ring-n-brand:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(43 106 71 / var(--tw-ring-opacity))}
.focus-visible\:bg-n-brand\/20:focus-visible{background-color:#2b6a4733}
.hover\:enabled\:bg-n-brand\/20:enabled:hover{background-color:#2b6a4733}
.group:hover .group-hover\:text-n-brand{color:rgb(var(--text-blue) / var(--tw-text-opacity,1))}
.has-\[\:focus\]\:outline-n-brand:has(:focus){outline-color:#2b6a47}
.dark\:border-n-brand:is(.dark *){border-color:rgb(43 106 71 / var(--tw-border-opacity))}
.dark\:bg-n-brand\/10:is(.dark *){background-color:#2b6a471a}
.dark\:bg-n-brand\/20:is(.dark *){background-color:#2b6a4733}
.dark\:bg-n-brand\/30:is(.dark *){background-color:#2b6a474d}
.dark\:\!shadow-n-brand:is(.dark *){--tw-shadow-color: #2b6a47 !important;--tw-shadow: var(--tw-shadow-colored) !important}
.dark\:\!outline-n-brand:is(.dark *){outline-color:#2b6a47!important}
.dark\:ring-n-brand:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(43 106 71 / var(--tw-ring-opacity))}
.dark\:checked\:border-n-brand:checked:is(.dark *){border-color:rgb(43 106 71 / var(--tw-border-opacity))}
.dark\:checked\:bg-n-brand:checked:is(.dark *){background-color:rgb(43 106 71 / var(--tw-bg-opacity))}
.dark\:focus-within\:outline-n-brand:focus-within:is(.dark *){outline-color:#2b6a47}
.dark\:hover\:text-n-brand:hover:is(.dark *){color:rgb(var(--text-blue) / var(--tw-text-opacity,1))}
.dark\:focus\:outline-n-brand:focus:is(.dark *){outline-color:#2b6a47}
.dark\:has-\[\:focus\]\:outline-n-brand:has(:focus):is(.dark *){outline-color:#2b6a47}
.\[\&\>a\]\:text-n-brand>a{color:rgb(var(--text-blue) / var(--tw-text-opacity,1))}