/*  THEME COLORS */
@property --theme-color-primary {
  syntax: '<color>';
  inherits: false;
  initial-value: #0d47a1;
}

@property --theme-color-secondary {
  syntax: '<color>';
  inherits: false;
  initial-value: #3798d3;
}

@property --theme-color-bg-body {
  syntax: '<color>';
  inherits: false;
  initial-value: #f8f8f8;
}

@property --theme-color-bg-body-light {
  syntax: '<color>';
  inherits: false;
  initial-value: #fdfdfd;
}

@property --theme-color-border-color {
  syntax: '<color>';
  inherits: false;
  initial-value: #ebe9f1;
}

@property --theme-color-border-color-dark {
  syntax: '<color>';
  inherits: false;
  initial-value: #d8d6de;
}

@property --theme-color-success {
  syntax: '<color>';
  inherits: false;
  initial-value: #28c76f;
}

@property --theme-color-danger {
  syntax: '<color>';
  inherits: false;
  initial-value: #ea5455;
}

@property --theme-color-warning {
  syntax: '<color>';
  inherits: false;
  initial-value: #ff9f43;
}

@property --theme-color-info {
  syntax: '<color>';
  inherits: false;
  initial-value: #00cfe8;
}

@property --theme-color-brand-blue {
  syntax: '<color>';
  inherits: false;
  initial-value: #0a2e49;
}

@property --theme-color-white {
  syntax: '<color>';
  inherits: false;
  initial-value: #fff;
}

/* BREAK */
/*  */
/*  */
/*  */
/* 





*/

/* @property --primary {
  syntax: "<color>";
  inherits: false;
  initial-value: #0d47a1;
}

@property --1-theme-color-white {
  syntax: "<color>";
  inherits: false;
  initial-value: #fff;
}

@property --2-theme-color-border-color-dark {
  syntax: "<color>";
  inherits: false;
  initial-value: #d8d6de;
}

@property --1-font-color-placeholder {
  syntax: "<color>";
  inherits: false;
  initial-value: #c9c9da;
}

@property --primary {
  syntax: "<color>";
  inherits: false;
  initial-value: #0d47a1;
}

@property --secondary {
  syntax: "<color>";
  inherits: false;
  initial-value: #3798d3;
}

@property --primary-bg-color {
  syntax: "<color>";
  inherits: false;
  initial-value: #0d47a1;
}

@property --primary-bg-color-hover {
  syntax: "<color>";
  inherits: false;
  initial-value: #04275c;
}

@property --secondary-bg-color-hover {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(65, 134, 241, 0.18);
}

@property --primary-bg-color-disabled {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(13, 71, 161, 0.35);
}

@property --primary-border-color {
  syntax: "<color>";
  inherits: false;
  initial-value: #3798d3;
}

@property --secondary-bg-color {
  syntax: "<color>";
  inherits: false;
  initial-value: #fff;
}

@property --secondary-bg-color-disabled {
  syntax: "<color>";
  inherits: false;
  initial-value: rgba(13, 71, 161, 0.35);
}

@property --1-theme-color-heading-display-text {
  syntax: "<color>";
  inherits: false;
  initial-value: #5e5873;
}

@property --1-theme-color-muted-placeholder-text {
  syntax: "<color>";
  inherits: false;
  initial-value: #b9b9c3;
}

@property --7-border-input {
  syntax: "<color>";
  inherits: false;
  initial-value: #d8d6de;
}

@property --7-border-success {
  syntax: "<color>";
  inherits: false;
  initial-value: #28c76f;
}

@property --7-border-danger {
  syntax: "<color>";
  inherits: false;
  initial-value: #ea5455;
}

@property --1-theme-color-disabled-input {
  syntax: "<color>";
  inherits: false;
  initial-value: #efefef;
} */