/* OPACITY COLORS */
@property --opacity-color-primary {
  syntax: '<color>';
  inherits: false;
  initial-value: rgba(65, 134, 241, 0.18);
}

@property --opacity-color-secondary {
  syntax: '<color>';
  inherits: false;
  initial-value: rgba(55, 152, 211, 0.12);
}

@property --opacity-color-success {
  syntax: '<color>';
  inherits: false;
  initial-value: rgba(40, 199, 111, 0.12);
}

@property --opacity-color-danger {
  syntax: '<color>';
  inherits: false;
  initial-value: rgba(234, 84, 85, 0.12);
}

@property --opacity-color-warning {
  syntax: '<color>';
  inherits: false;
  initial-value: rgba(255, 159, 67, 0.12);
}

@property --opacity-color-info {
  syntax: '<color>';
  inherits: false;
  initial-value: rgba(0, 207, 232, 0.12);
}

@property --opacity-color-dark {
  syntax: '<color>';
  inherits: false;
  initial-value: rgba(30, 30, 30, 0.12);
}

@property --opacity-color-light {
  syntax: '<color>';
  inherits: false;
  initial-value: rgba(186, 191, 199, 0.12);
}