/* ONE PORTAL Theme — Vehda teal (#04B8AC) replacing default blue
   Uses html selector for higher specificity than CRM's :root declarations */

html, html[data-theme="light"] {
  --surface-blue-1: oklch(97.6% .011 175.65) !important;
  --surface-blue-2: oklch(96% .021 173.35) !important;
  --surface-blue-3: oklch(92.5% .039 175.49) !important;
  --surface-blue-4: oklch(88% .061 174.55) !important;
  --surface-blue-5: oklch(73% .121 177.30) !important;
  --surface-blue-6: oklch(64.1% .140 177.57) !important;
  --surface-blue-7: oklch(58.7% .130 178.17) !important;
  --surface-blue-8: oklch(56.1% .125 178.36) !important;
  --surface-blue-9: oklch(47.7% .110 179.40) !important;
  --surface-blue-10: oklch(39.6% .085 178.20) !important;

  --ink-blue-1: oklch(100% 0 0) !important;
  --ink-blue-2: oklch(96% .021 173.35) !important;
  --ink-blue-3: oklch(92.5% .039 175.49) !important;
  --ink-blue-4: oklch(88% .061 174.55) !important;
  --ink-blue-5: oklch(73% .121 177.30) !important;
  --ink-blue-6: oklch(64.1% .140 177.57) !important;
  --ink-blue-7: oklch(58.7% .130 178.17) !important;
  --ink-blue-8: oklch(56.1% .125 178.36) !important;
  --ink-blue-9: oklch(47.7% .110 179.40) !important;
  --ink-blue-10: oklch(39.6% .085 178.20) !important;

  --outline-blue-1: oklch(96% .021 173.35) !important;
  --outline-blue-2: oklch(92.5% .039 175.49) !important;
  --outline-blue-3: oklch(88% .061 174.55) !important;
  --outline-blue-4: oklch(73% .121 177.30) !important;
  --outline-blue-5: oklch(64.1% .140 177.57) !important;
  --outline-blue-6: oklch(58.7% .130 178.17) !important;
  --outline-blue-7: oklch(56.1% .125 178.36) !important;
  --outline-blue-8: oklch(47.7% .110 179.40) !important;
  --outline-blue-9: oklch(39.6% .085 178.20) !important;
  --outline-blue-10: oklch(30.9% .070 178.77) !important;

  --focus-blue: 0px 0px 0px 2px #04B8ACe5 !important;
  --focus-outline-blue: 2px solid #04B8ACe5 !important;
}

html[data-theme="dark"] {
  --surface-blue-1: oklch(22% .025 178) !important;
  --surface-blue-2: oklch(25% .035 177) !important;
  --surface-blue-3: oklch(30% .050 176) !important;
  --surface-blue-4: oklch(35% .065 177) !important;
  --surface-blue-5: oklch(45% .090 177) !important;
  --surface-blue-6: oklch(55% .120 177) !important;
  --surface-blue-7: oklch(60% .130 178) !important;
  --surface-blue-8: oklch(65% .135 178) !important;
  --surface-blue-9: oklch(73% .121 177) !important;
  --surface-blue-10: oklch(80% .080 177) !important;

  --ink-blue-1: oklch(22% .025 178) !important;
  --ink-blue-2: oklch(25% .035 177) !important;
  --ink-blue-3: oklch(30% .050 176) !important;
  --ink-blue-4: oklch(35% .065 177) !important;
  --ink-blue-5: oklch(45% .090 177) !important;
  --ink-blue-6: oklch(55% .120 177) !important;
  --ink-blue-7: oklch(60% .130 178) !important;
  --ink-blue-8: oklch(65% .135 178) !important;
  --ink-blue-9: oklch(73% .121 177) !important;
  --ink-blue-10: oklch(80% .080 177) !important;

  --outline-blue-1: oklch(25% .035 177) !important;
  --outline-blue-2: oklch(30% .050 176) !important;
  --outline-blue-3: oklch(35% .065 177) !important;
  --outline-blue-4: oklch(45% .090 177) !important;
  --outline-blue-5: oklch(55% .120 177) !important;
  --outline-blue-6: oklch(60% .130 178) !important;
  --outline-blue-7: oklch(65% .135 178) !important;
  --outline-blue-8: oklch(73% .121 177) !important;
  --outline-blue-9: oklch(80% .080 177) !important;
  --outline-blue-10: oklch(85% .050 177) !important;

  --focus-blue: 0px 0px 0px 2px #04B8ACe5 !important;
  --focus-outline-blue: 2px solid #04B8ACe5 !important;
}