/* Generated from color-theme.json + color-semantics.json. Draft. */
:root,
[data-ki-mode="light"] {
  --ki-body-color: #1C2731;
  --ki-body-bg: #FAFBFC;
  --ki-secondary-color: #526170;
  --ki-secondary-bg: #F0F3F6;
  --ki-tertiary-color: #5A6571;
  --ki-tertiary-bg: #E5EBF0;
  --ki-emphasis-color: #0C1821;
  --ki-border-color: #D2DBE4;
  --ki-primary: #064B3F;
  --ki-primary-bg-subtle: #E0F3EB;
  --ki-primary-border-subtle: #91CDB5;
  --ki-primary-text-emphasis: #033A30;
  --ki-success: #137A3E;
  --ki-success-bg-subtle: #DEF5E5;
  --ki-success-border-subtle: #8DD8A5;
  --ki-success-text-emphasis: #09542A;
  --ki-danger: #C52F3F;
  --ki-danger-bg-subtle: #FDE5E8;
  --ki-danger-border-subtle: #F1A3AE;
  --ki-danger-text-emphasis: #8B1728;
  --ki-warning: #A86400;
  --ki-warning-bg-subtle: #FFF1CC;
  --ki-warning-border-subtle: #E8C569;
  --ki-warning-text-emphasis: #734400;
  --ki-info: #066D9A;
  --ki-info-bg-subtle: #DEF1FA;
  --ki-info-border-subtle: #8DCCE7;
  --ki-info-text-emphasis: #064A6B;
  --ki-light: #F0F3F6;
  --ki-light-bg-subtle: #FAFBFC;
  --ki-light-border-subtle: #D2DBE4;
  --ki-light-text-emphasis: #526170;
  --ki-dark: #0C1821;
  --ki-dark-bg-subtle: #DFE6ED;
  --ki-dark-border-subtle: #AAB9C7;
  --ki-dark-text-emphasis: #0C1821;
}

[data-ki-mode="dark"] {
  --ki-body-color: #F3F7FB;
  --ki-body-bg: #0F1720;
  --ki-secondary-color: #B7C5D4;
  --ki-secondary-bg: #182431;
  --ki-tertiary-color: #ACBDD0;
  --ki-tertiary-bg: #223343;
  --ki-emphasis-color: #FFFFFF;
  --ki-border-color: #3A4D5F;
  --ki-primary: #39D5A5;
  --ki-primary-bg-subtle: #103B30;
  --ki-primary-border-subtle: #1C8B69;
  --ki-primary-text-emphasis: #73E8C0;
  --ki-success: #52D788;
  --ki-success-bg-subtle: #103C27;
  --ki-success-border-subtle: #28824D;
  --ki-success-text-emphasis: #8BE8AF;
  --ki-danger: #FF8295;
  --ki-danger-bg-subtle: #491E2B;
  --ki-danger-border-subtle: #A84055;
  --ki-danger-text-emphasis: #FFAABB;
  --ki-warning: #FFCC4D;
  --ki-warning-bg-subtle: #402F0B;
  --ki-warning-border-subtle: #927022;
  --ki-warning-text-emphasis: #FFDD85;
  --ki-info: #55C5F2;
  --ki-info-bg-subtle: #113448;
  --ki-info-border-subtle: #26789B;
  --ki-info-text-emphasis: #98DDF9;
  --ki-light: #E2EAF3;
  --ki-light-bg-subtle: #223343;
  --ki-light-border-subtle: #58718B;
  --ki-light-text-emphasis: #E2EAF3;
  --ki-dark: #08111A;
  --ki-dark-bg-subtle: #0C1821;
  --ki-dark-border-subtle: #364A5D;
  --ki-dark-text-emphasis: #CAD8E7;
}