:root[data-theme="theme-light"] {
  --mikiop-background-color: #00000007;
  --mikiop-border-color: #00000015;
  --mikiop-header-background-color: #00000007;
  --mikiop-footer-background-color: #00000007;
  --mikiop-primary-text-color: #ffffff;
  --mikiop-primary-text-hover-color: #ffffff;
  --mikiop-primary-background-color: #000000;
  --mikiop-primary-background-hover-color: #222222;
  --mikiop-primary-border-color: #000000;
  --mikiop-primary-border-hover-color: #222222;
  --mikiop-primary-light-text-color: #000000;
  --mikiop-primary-light-background-color: #f0f0f0;
  --mikiop-primary-light-border-color: #e6e6e6;
  --mikiop-secondary-text-color: #f2f2f2;
  --mikiop-secondary-text-hover-color: #f2f2f2;
  --mikiop-secondary-background-color: #1a1a1a;
  --mikiop-secondary-background-hover-color: #1a1a1a;
  --mikiop-secondary-border-color: #1a1a1a;
  --mikiop-secondary-border-hover-color: #0d0d0d;
  --mikiop-secondary-light-text-color: #0d0d0d;
  --mikiop-secondary-light-background-color: #f0f0f0;
  --mikiop-secondary-light-border-color: #e6e6e6;
  --mikiop-success-text-color: #000000;
  --mikiop-success-text-hover-color: #000000;
  --mikiop-success-background-color: #000000;
  --mikiop-success-background-hover-color: #000000;
  --mikiop-success-border-color: #000000;
  --mikiop-success-border-hover-color: #000000;
  --mikiop-success-light-text-color: #f2f2f2;
  --mikiop-success-light-background-color: #000000;
  --mikiop-success-light-border-color: #000000;
  --mikiop-danger-text-color: #f2f2f2;
  --mikiop-danger-background-color: #ff0000;
  --mikiop-danger-border-color: #ff0000;
  --mikiop-danger-text-hover-color: #f2f2f2;
  --mikiop-danger-background-hover-color: #ffdbdb;
  --mikiop-danger-border-hover-color: #ffdbdb;
  --mikiop-danger-light-text-color: #000000;
  --mikiop-danger-light-background-color: #ffdbdb;
  --mikiop-danger-light-border-color: #ffdbdb;
  --mikiop-warning-text-color: #000000;
  --mikiop-warning-background-color: #ecb66a;
  --mikiop-warning-border-color: #ecb66a;
  --mikiop-warning-text-hover-color: #000000;
  --mikiop-warning-background-hover-color: #ecb66a;
  --mikiop-warning-border-hover-color: #ecb66a;
  --mikiop-warning-light-text-color: #e6e6e6;
  --mikiop-warning-light-background-color: #ecb66a;
  --mikiop-warning-light-border-color: #ecb66a;
  --mikiop-info-text-color: #0d0d0d;
  --mikiop-info-background-color: #000000;
  --mikiop-info-border-color: #000000;
  --mikiop-info-text-hover-color: #0d0d0d;
  --mikiop-info-background-hover-color: #000000;
  --mikiop-info-border-hover-color: #000000;
  --mikiop-info-light-text-color: #f2f2f2;
  --mikiop-info-light-background-color: #000000;
  --mikiop-info-light-border-color: #000000;
  --mikiop-light-text-color: #000000;
  --mikiop-light-background-color: #f2f2f2;
  --mikiop-light-border-color: #b3b3b3;
  --mikiop-light-text-hover-color: #000000;
  --mikiop-light-background-hover-color: #b3b3b3;
  --mikiop-light-border-hover-color: #e6e6e6;
  --mikiop-light-light-text-color: #1a1a1a;
  --mikiop-light-light-background-color: #e6e6e6;
  --mikiop-light-light-border-color: #e6e6e6;
  --mikiop-dark-text-color: #f2f2f2;
  --mikiop-dark-background-color: #000000;
  --mikiop-dark-border-color: #000000;
  --mikiop-dark-text-hover-color: #f2f2f2;
  --mikiop-dark-background-hover-color: #0d0d0d;
  --mikiop-dark-border-hover-color: #4d4d4d;
  --mikiop-dark-light-text-color: #0d0d0d;
  --mikiop-dark-light-background-color: #b3b3b3;
  --mikiop-dark-light-border-color: #e6e6e6;
  --mikiop-link-text-color: #000000;
  --mikiop-link-background-color: transparent;
  --mikiop-link-border-color: transparent;
  --mikiop-link-text-hover-color: #ff0000;
  --mikiop-link-background-hover-color: transparent;
  --mikiop-link-border-hover-color: transparent;
  --mikiop-carousel-title-text-color: #f2f2f2;
  --mikiop-carousel-caption-text-color: #f2f2f2;
  --mikiop-carousel-caption-background-color: #00000090;
  --mikiop-carousel-control-fill-color: #f2f2f2;
  --mikiop-carousel-control-stroke-color: #000000;
  --mikiop-carousel-indicator-color: #f2f2f2;
  --mikiop-steps-step-text-color: inherit;
  --mikiop-steps-border-color: #00000030;
  --mikiop-steps-step-background-color: #f2f2f2;
  --mikiop-steps-step-background-complete-color: #e6e6e6;
  --mikiop-tabgroup-tab-text-active-color: #000000;
  --mikiop-tabgroup-tab-background-active-color: #00000010;
  --mikiop-tabgroup-tab-border-hover-color: #00000020;
  --mikiop-tooltip-text-color: #f2f2f2;
  --mikiop-tooltip-background-color: #000000;
  --mikiop-tooltip-border-color: #000000;
}
:root[data-theme="theme-dark"] {
  --mikiop-background-color: #ffffff10;
  --mikiop-border-color: #ffffff15;
  --mikiop-header-background-color: #ffffff07;
  --mikiop-footer-background-color: #ffffff07;
  --mikiop-primary-text-color: #000000;
  --mikiop-primary-text-hover-color: #000000;
  --mikiop-primary-background-color: #f2f2f2;
  --mikiop-primary-background-hover-color: #e6e6e6;
  --mikiop-primary-border-color: #f2f2f2;
  --mikiop-primary-border-hover-color: #e6e6e6;
  --mikiop-primary-light-text-color: #f2f2f2;
  --mikiop-primary-light-background-color: #1a1a1a;
  --mikiop-primary-light-border-color: #0d0d0d;
  --mikiop-secondary-text-color: #f2f2f2;
  --mikiop-secondary-text-hover-color: #f2f2f2;
  --mikiop-secondary-background-color: #1a1a1a;
  --mikiop-secondary-background-hover-color: #0d0d0d;
  --mikiop-secondary-border-color: #1a1a1a;
  --mikiop-secondary-border-hover-color: #0d0d0d;
  --mikiop-secondary-light-text-color: #e6e6e6;
  --mikiop-secondary-light-background-color: #1a1a1a;
  --mikiop-secondary-light-border-color: #0d0d0d;
  --mikiop-success-text-color: #0d0d0d;
  --mikiop-success-text-hover-color: #0d0d0d;
  --mikiop-success-background-color: #000000;
  --mikiop-success-background-hover-color: #000000;
  --mikiop-success-border-color: #000000;
  --mikiop-success-border-hover-color: #000000;
  --mikiop-success-light-text-color: #f2f2f2;
  --mikiop-success-light-background-color: #000000;
  --mikiop-success-light-border-color: #000000;
  --mikiop-danger-text-color: #0d0d0d;
  --mikiop-danger-background-color: #ff0000;
  --mikiop-danger-border-color: #ff0000;
  --mikiop-danger-text-hover-color: #0d0d0d;
  --mikiop-danger-background-hover-color: #ffdbdb;
  --mikiop-danger-border-hover-color: #ffdbdb;
  --mikiop-danger-light-text-color: #f2f2f2;
  --mikiop-danger-light-background-color: #ffdbdb;
  --mikiop-danger-light-border-color: #ffdbdb;
  --mikiop-warning-text-color: #000000;
  --mikiop-warning-background-color: #ecb66a;
  --mikiop-warning-border-color: #ecb66a;
  --mikiop-warning-text-hover-color: #000000;
  --mikiop-warning-background-hover-color: #ecb66a;
  --mikiop-warning-border-hover-color: #ecb66a;
  --mikiop-warning-light-text-color: #e6e6e6;
  --mikiop-warning-light-background-color: #ecb66a;
  --mikiop-warning-light-border-color: #ecb66a;
  --mikiop-info-text-color: #0d0d0d;
  --mikiop-info-background-color: #000000;
  --mikiop-info-border-color: #000000;
  --mikiop-info-text-hover-color: #0d0d0d;
  --mikiop-info-background-hover-color: #000000;
  --mikiop-info-border-hover-color: #000000;
  --mikiop-info-light-text-color: #f2f2f2;
  --mikiop-info-light-background-color: #000000;
  --mikiop-info-light-border-color: #000000;
  --mikiop-light-text-color: #f2f2f2;
  --mikiop-light-background-color: #1a1a1a;
  --mikiop-light-border-color: #4d4d4d;
  --mikiop-light-text-hover-color: #f2f2f2;
  --mikiop-light-background-hover-color: #4d4d4d;
  --mikiop-light-border-hover-color: #0d0d0d;
  --mikiop-light-light-text-color: #b3b3b3;
  --mikiop-light-light-background-color: #0d0d0d;
  --mikiop-light-light-border-color: #4d4d4d;
  --mikiop-dark-text-color: #000000;
  --mikiop-dark-background-color: #f2f2f2;
  --mikiop-dark-border-color: #f2f2f2;
  --mikiop-dark-text-hover-color: #000000;
  --mikiop-dark-background-hover-color: #e6e6e6;
  --mikiop-dark-border-hover-color: #e6e6e6;
  --mikiop-dark-light-text-color: #0d0d0d;
  --mikiop-dark-light-background-color: #e6e6e6;
  --mikiop-dark-light-border-color: #e6e6e6;
  --mikiop-link-text-color: #f2f2f2;
  --mikiop-link-background-color: transparent;
  --mikiop-link-border-color: transparent;
  --mikiop-link-text-hover-color: #ff0000;
  --mikiop-link-background-hover-color: transparent;
  --mikiop-link-border-hover-color: transparent;
  --mikiop-carousel-title-text-color: #f2f2f2;
  --mikiop-carousel-caption-text-color: #f2f2f2;
  --mikiop-carousel-caption-background-color: #00000090;
  --mikiop-carousel-control-fill-color: #f2f2f2;
  --mikiop-carousel-control-stroke-color: #000000;
  --mikiop-carousel-indicator-color: #f2f2f2;
  --mikiop-steps-step-text-color: #f2f2f2;
  --mikiop-steps-border-color: #ffffff30;
  --mikiop-steps-step-background-color: #0d0d0d;
  --mikiop-steps-step-background-complete-color: #000000;
  --mikiop-tabgroup-tab-text-active-color: #f2f2f2;
  --mikiop-tabgroup-tab-background-active-color: #ffffff10;
  --mikiop-tabgroup-tab-border-hover-color: #ffffff20;
  --mikiop-tooltip-text-color: #000000;
  --mikiop-tooltip-background-color: #f2f2f2;
  --mikiop-tooltip-border-color: #f2f2f2;
}